旧JS动态添加事件——事件委托
我们知道,在js中,事件处理只能绑定到当前选定的元素。换句话说,事件处理只能绑定到当前文档中已经存在的元素。但是,许多合作伙伴会遇到问题。我的元素稍后会动态地添加到页面中,我希望将事件绑定到这个元素,以及如何处理它。
为了理解这个问题,我们假设我们需要将点击事件添加到稍后添加到当前页面的元素中。
解决这个问题的核心是使用JS的委托事件。委派事件的好处是,未绑定元素可以绑定到事件,而委托事件往往更便宜。
主题:举个简单的例子:当有1000个DIV网页上,如果直接绑定到div的单击事件,这1000个事件绑定元素。然而,如果一个事件委托,只有一个元素绑定事件needed.ps:要详细的让你了解事件的代表意义。
我们只想知道动态创建的元素如何添加事件,你说要做什么和做什么。
好吧,看看具体的实现:
动态创建元素的模拟
$ ajax({
类型:' ',
数据:{ },
成功:函数(){
$()。AddClass('AAA')。Html(11111111)。AppendTo($('body '));
},
});
要添加一个事件,我们只需创建动态元素
$(document),(听到咔哒声,李{ class= AAA }功能()){
console.log('ddd);
});
上述共同的故事js动态添加事件-事件委托是所有萧边分享你的内容。我希望能给你一个参考,我希望你会得到很多支持。