动态添加事件的Javaｓｃｒｉｐｔ事件委托

告诉你事件委托是什么：一般来说，事件是onclick，onmouseover和onmouseout事件，等，这是主要的，让别人做，这一事件是在某些元素的加入，但你必须做别人，完成这件事。

也就是说：使用冒泡的原则，将事件添加到父节点并触发执行效果。

所谓动态添加事件的本质是指js中的事件委托。

我们知道，在js中，事件处理只能绑定到当前选定的元素。换句话说，事件处理只能绑定到当前文档中已经存在的元素。但是，许多合作伙伴会遇到问题。我的元素稍后会动态地添加到页面中，我希望将事件绑定到这个元素，以及如何处理它。

为了理解这个问题，我们假设我们需要将点击事件添加到稍后添加到当前页面的元素中。

解决这个问题的核心是使用JS的委托事件。委派事件的好处是，未绑定元素可以绑定到事件，而委托事件往往更便宜。

主题：举个简单的例子：当有1000个DIV网页上，如果直接绑定到div的单击事件，这1000个事件绑定元素。然而，如果一个事件委托，只有一个元素绑定事件needed.ps：要详细的让你了解事件的代表意义。

我们只想知道动态创建的元素如何添加事件，你说要做什么和做什么。

好吧，看看具体的实现：
动态创建元素的模拟
$ ajax（{
类型：' '，
数据：{ }，
成功：函数（）{
$（）。AddClass（'AAA'）。Html（11111111）。AppendTo（$（'body '））；
}，
}）；
要添加一个事件，我们只需创建动态元素
$（document），（听到咔哒声，李{ class= AAA }功能（））{
console.log（'ddd）；
}）；
上面是Javaｓｃｒｉｐｔ引入的事件委托，可以动态地向您添加事件。希望能对你有所帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。