美文网首页
温习:事件冒泡、事件捕获、事件委托

温习:事件冒泡、事件捕获、事件委托

作者: TouchMe丶 | 来源:发表于2020-05-08 18:13 被阅读0次

    事件冒泡

    事件冒泡会从当前触发事件的目标一级一级向上传递,依次触发,直到document为止。
    addEventListener的第三个参数false是冒泡,true是捕获。平时开发时都是默认冒泡,冒泡是直到document为止的。

    阻止事件冒泡 stopPropagation
    ie阻止事件冒泡 e.cancelBubble = true

    事件捕获

    事件捕获会从document开始触发,一级一级向下传递,依次触发,直到真正事件目标为止。

    阻止事件捕获 stopPropagation(同上面的冒泡)

    事件委托

    用公共的父节点来写事件,根据不同的点击对象来执行不同的操作。减少页面的事件绑定,提高性能。

    阻止事件默认行为

    w3c: preventDefault
    ie: window.event.returnValue = false

    相关文章

      网友评论

          本文标题:温习:事件冒泡、事件捕获、事件委托

          本文链接:https://www.haomeiwen.com/subject/mifqnhtx.html