事件委托

Posted lianchenxi

tags:

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

事件委托也叫事件代理;javascript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。

  详情凌云之翼大牛的博客

https://www.cnblogs.com/liugang-vip/p/5616484.html

jQuery中的事件委托机制

.delegate()
$("ul").delegate("li", "click", function() {   //将“li”的“click”事件委托给“ul”来监听
  console.log($(this).html())  //“this”指向点击的“li”元素
 })

 

原生js中的事件委托

Oul.addEventListener("click", function(ev) {
  var ev = ev || window.event;
  var target = ev.target || ev.srcElement;  //IE8以下不兼容event.target
  console.log(target.innerHTML);
})

 





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

jQuery代码优化:事件委托

C#事件

Javascript中的事件委托机制

js中的事件委托/代理

编写高质量代码改善C#程序的157个建议——建议137:委托和事件类型应添加上级后缀

事件委托