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

Posted 2020-10-14 山菌

一般我们绑定事件会直接对元素操作，比如bind(element,event,function)，element.addEventLister(type,handle,false)，element.click(function)之类的，但是如果这个元素是动态生成的，比如用father.append("element")方法添加的就玩不转了。

要给动态添加的元素绑定至少有3种办法

1.使用$("ul").dele("li","click",function(){});这个方法，把事件绑定到父元素上

2.使用$(document).on(‘click‘,‘#id‘,function(){ //soomething });是上一方法的原生版

3.在动态添加元素之后再给这个元素绑定事件，亲测可用，不过比较麻烦，不如前两种方法方便。