• 技术文章 >web前端 >js教程

    浅谈JavaScript中的事件委托

    青灯夜游青灯夜游2021-05-26 10:41:32转载167
    本篇文章给大家介绍一下JavaScript中的事件委托。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    事件委托

    利用事件冒泡,指定一个事件处理程序,管理一系列的所有事件
    事件委托利用DOM元素的事件冒泡,把子元素的相关事件委托(代理)给父元素监听处理。

    什么是事件冒泡?

    在JavaScript中,事件触发后会在子元素和父元素之间传播。

    1.png

    事件委托的好处

    例如:

    2.png

    对li元素进行绑定事件,必须循环对应li元素并绑定事件

    3.png

    通过事件委托只需要对ul父元素绑定事件,当触发事件时,会将对应的子元素相关事件冒泡到ul事件处理程序中,只需要判断对应事件中target是否是li子元素,再做对应逻辑处理即可。

    更多编程相关知识,请访问:编程视频!!

    以上就是浅谈JavaScript中的事件委托的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:JavaScript 事件委托
    上一篇:Node.js如何实现断点续传 下一篇:一文带你深入解析Angular 10
    第16期线上培训班

    相关文章推荐

    • javascript中时间怎么转时间戳• javascript怎么判断是否ie浏览器• JavaScript怎么实现打印操作• javascript字符串方法有哪些• javascript怎么删除html

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网