直接事件与事件委托

Posted @新时代的码砖工

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了直接事件与事件委托相关的知识,希望对你有一定的参考价值。

最近学了JQ 刚刚在网上看了点关于直接事件与事件委托的知识:

比如:这样两段代码:

$(‘ul li‘).on(‘click‘, function () {
   //todo 
});
$(‘ul‘).on(‘click‘,‘li‘, function () {
    //todo 
})

他们的区别是什么呢?在JQuery的官网上有详细的解释,第一段是说把事件直接绑定在li上,如果有100个li,就相当于绑定了100次的li,而且只能绑定在文档中已存在的li上,

后续添加的li是绑定不上的,比如通过ajax添加去的新的li,这就是直接事件绑定。

第二段是委托事件,只绑定了一次事件在li上,也可以监听到后续添加的li。

以上是关于直接事件与事件委托的主要内容,如果未能解决你的问题,请参考以下文章

C# 再次理解委托事件与函数作为参数

jQuery Direct and delegated events 直接事件与委托事件

直接与委托 - jQuery .on()

委托与事件

事件委托与事件监听

委托与事件