Так называемое добавление динамического события по существу относится к делегированию событий в 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');});Приведенная выше статья представляет собой клише о событиях динамического дополнения JS-потрачена на событие-это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.