Позвольте мне сначала рассказать вам, какая комиссия со событиями: с точки зрения непрофессионала, события являются Onclick, Onmouseover, Onmouseout и т. Д. И т. Д. - это события. Что касается делегирования, то это позволить другим сделать это. Это событие было первоначально добавлено к определенным элементам, но вы добавляете его к другим, чтобы сделать это для завершения события.
То есть: используйте принцип пузырьков, чтобы добавить события к родителю, чтобы вызвать эффект выполнения.
Так называемое добавление динамического события по существу относится к делегированию событий в JS.
Мы знаем, что в JS обработка событий может быть связана только с выбранным в настоящее время элементом, другими словами, обработка событий может быть связана только с элементами, которые уже существуют в текущем документе! Однако часто друзья сталкиваются с проблемой, что мой элемент был динамически добавлен на страницу позже, и я хочу связать события с элементом. Как с этим справиться?
Чтобы проиллюстрировать эту проблему, мы предполагаем, что нам нужно добавить событие Click в элементы, которые позже добавлены на текущую страницу.
Ядро решения этой проблемы состоит в том, чтобы использовать событие делегата JS. Преимущество делегированных событий заключается в том, что они могут связывать события с несуществующими элементами, а делегированные события часто имеют меньшие накладные расходы!
Вне темы: позвольте мне привести вам самый простой пример: когда на странице есть 1000 DIV, если DIV напрямую связан с событием Click, это будет 1000 событий, связанных с элементами. Однако, если вы используете Degate Event, вам нужен только один элемент, чтобы связать событие. PS: Я надеюсь, что слова помогут вам понять значение ввода в эксплуатацию мероприятия.
Мы просто хотим знать, как динамически создаваемые элементы добавляют события, что вы так много говорите, что делать ...
Хорошо, давайте вернемся к сути, посмотрим на конкретную реализацию:
// Моделируют динамический элемент создания li $ .ajax ({type: 'get', data: {}, успех: function () {$ ('<li>'). Addclass ('aaa'). Html ('11111111111'). Appendto ($ ('body');},});// Add Event $ (документ). function () {console.log ('ddd');});Выше приведено комиссия по динамическому соревнованиям JavaScript Dynamic, введенная вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!