原生js实现事件委托

图片.png
图片.png

事件委托的原理:
单击到按钮上,冒泡到div上,判断当前单击的元素是不是BUTTON,是,则执行下面的函数
即使另一个button是动态添加的,依然可以实现监听

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • DOM事件 在我们的日常的生活中,无时无刻不在发生着各种类型的事件。比如说体育赛事、娱乐新闻、战争甚至天气变化等等...
    七里之境阅读 12,279评论 1 3
  • 在实现事件委托之前,首先必须先了解事件的绑定、监听和派发的含义。 事件的绑定 这是最直接简单的绑定在DOM元素上的...
    饥人谷_Dylan阅读 4,077评论 0 49
  • 事件委托(Event Delegation)是JS中一项十分重要的应用,使用事件委托可以避免对每一个节点添加监听器...
    李悦之阅读 3,816评论 0 0
  • 什么是事件 事件(event),定义为:比较重大,对一定的人群会产生一定影响的事情。对于前端开发来说,事件就是在浏...
    丶傲慢先生阅读 8,247评论 0 0
  • 一、什么是"俗人" 这里的俗人指的是和大部分的人群一样,对热点、对同一性别、对同一年龄段的群体有着一致的“爱好”。...
    点墨在进化阅读 5,828评论 0 2

友情链接更多精彩内容