js 为动态添加的元素绑定事件

JavaScript018

js 为动态添加的元素绑定事件,第1张

想必大家都有遇到过,DOM动态添加的元素,你给它绑定的事件是不起作用的。目前有两种办法,为动态添加的元素绑定事件

⚠️ 动态添加的子元素一定要放在on()方法里面,并且on()方法里面的 childSelector 必须要是 selector 的子元素,否则动态添加的元素绑定的事件依旧无效

事件绑定相当于在一个元素上进行监听,监听事件是否触发。

普通事件就是直接触发事件。

两者的区别就在于是否可重复使用。

事件绑定可以在一个元素上监听同一事件多次,而普通事件多次写会被覆盖。如:

var ys1 = ‘某个元素监听(绑定)’,ys2 = ‘另一个元素(普通事件)’

ys1.addEventListener('click',function () {

    alert(1)

})

ys1.addEventListener('click',function () {

    alert(2)

})

//会弹出1,2;

ys2.onclick = function(){

    alert(1)

}

ys2.onclick = function(){

    alert(2)

}

//只会弹出2.