В этой статье анализируется технология делегирования событий JavaScript в примере. Поделитесь этим для вашей ссылки. Конкретный анализ заключается в следующем:
Если на общей странице есть большое количество кнопок, мы должны связывать обработчики событий для каждой кнопки. Это повлияет на производительность.
Прежде всего, каждая функция является объектом, и объект будет занимать много памяти. Чем больше объектов в памяти, тем хуже производительность.
Во -вторых, увеличение количества посещений DOM приведет к загрузке страницы. На самом деле, все еще есть хорошие решения для хорошего использования обработчиков событий.
Делегация мероприятия:
Решением проблемы слишком большого количества обработчиков событий является технология делегирования событий.
Event Delegate Technology использует преимущества пузырьков событий. Просто укажите обработчик событий.
Мы можем связать обработчики событий для родительского элемента, который должен вызвать событие.
<ul id = "mylist"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> sdsdsd </li> </ul>
Теперь мы хотим связать обработчики событий для этих 3 LIS ...
Просто свяжите обработчик событий в UL.
obj.eventhandler ($ ("mylist"), "click", function (e) {e = e || window.event; switch (e.target.id) {// Все все еще должны помнить, что цель - это цель события, // до тех пор, пока целевой элемент события нажимается, соответствующее предупреждение появится. Случай "li_1": alert ("li_1); Alert ("li_2");Если в сложном веб -приложении, этот вид делегирования событий очень практичен.
Если этот метод не будет принят, привязка один за другим будет бесконечным обработчиком событий.
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.