美文网首页
JavaScript事件流

JavaScript事件流

作者: acsamson | 来源:发表于2019-05-27 21:44 被阅读0次

JavaScript事件流主要有冒泡事件和捕获事件
DOM事件流同时支持者两种事件捕获
现在统一标准是先捕获再冒泡

image-20190527214252339

addEventListener有三个参数:第三个参数就是设定为事件捕获还是冒泡

true为事件捕获

false为事件冒泡

element.addEventListener(event, function, useCapture)

例如:

    Button.addEventListener("click",function(e){
        // ......
    },false);

事件冒泡

比如子元素点击了, 没有触发点击事件的话就会冒泡到上一层父元素触发其点击事件

阻止事件冒泡使用e.stopPropagation()ie下使用cancelBubble = true

事件捕获

是从上往下层捕获事件的, 父元素先触发子元素后触发

阻止事件捕获使用e.preventDefault(), ie下设置window.event.returnValue = false

图片引用其他文章, 我忘记了是哪篇了...

相关文章

  • JavaScript事件捕获冒泡与捕获

    事件流 JavaScript中,事件流指的是DOM事件流。 概念 事件的传播过程即DOM事件流。 事件对象在 DO...

  • JavaScript事件(一)

    1. Javascript事件流#### 事件流是指页面中对象接受事件的顺序,可以分为冒泡事件流和捕获事件流,首先...

  • JS的原生事件

    javascript原生的事件包括事件流、处理函数、事件对象等。而在兼容性也有问题。 1事件流 事件流是ie和Ne...

  • javascript事件流

    听过冒泡吗,听过捕获吗,是否会觉得很熟悉,但是让你具体的回答,却又说不上什么所以然。 w3c约定的事件触发分为三个...

  • JavaScript事件流

    0.前言 今天来和大家分享一下和为事件流,说真的,对这一个知识点也不太熟悉,之鞥和大家分享我自己的见解,如果有误没...

  • javascript事件流

    事件流事件冒泡,具体到不具体事件捕获,不具体到具体addEventListener=("事件",方法,布尔)tru...

  • 【javascript】事件流

    事件流 事件流描述的是从页面中接收事件的顺序。 IE 的事件流是事件冒泡流,而Netscape Communica...

  • JavaScript事件流

    什么是事件 事件是文档或浏览器中发生的特定交互瞬间! 事件流 事件流描述的是从页面中接受事件的顺序。 但有意思的是...

  • JavaScript事件流

    JavaScript事件流主要有冒泡事件和捕获事件DOM事件流同时支持者两种事件捕获现在统一标准是先捕获再冒泡 a...

  • 事件

    事件 javaScript 与 HTML 之间的交互是通过事件实现的 1.事件流 (1)事件冒泡 IE 的事件流叫...

网友评论

      本文标题:JavaScript事件流

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