1、JS事件委托定义
事件委托的原理是:事件冒泡机制,把事件加到父元素或祖先元素上触发事件。
2、JS事件委托优点
提高了性能,减少了事件注册.
能为动态添加的元素绑定事件
案例:
$(".add").click(function () {
var dl = $("<dl></dl>");
var dt = $(`<dt><img src=${arr[mathNum].pic}></dt>`);
var dd1 = $(`<dd>${arr[mathNum].title}</dd>`);
var dd2 = $("<dd><a class='del' href='javascript:void(0);'>删除</a></dd>");
dl.append(dt, dd1, dd2);
$(".clear").before(dl);
});
var list = document.querySelector("#listbox");
list.addEventListener("click",function(e){
if(e.target.nodeName.toLowerCase()== "a" ){
list.removeChild(e.target.parentNode.parentNode)
}
});