美文网首页
事件捕获跟冒泡

事件捕获跟冒泡

作者: 想当一个大头兵 | 来源:发表于2019-08-06 09:25 被阅读0次

在dom的addEventListener() 方法中,参数有三个,

event表示事件名称,例如'click';

function表示执行的回调函数,当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, "click" 事件属于 MouseEvent(鼠标事件) 对象;

useCapture表示指定事件是否在捕获或冒泡阶段执行——true - 事件句柄在捕获阶段执行

false:默认值,事件句柄在冒泡阶段执行。

js事件流有以下阶段:

DOM2级事件模型中规定了事件流的三个阶段:捕获阶段、目标阶段、冒泡阶段,低版本IE(IE8及以下版本)不支持捕获阶段

捕获事件流:Netscape提出的事件流,即事件由页面元素接收,逐级向下,传播到最具体的元素。

冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面。

使用removeEventListener() 方法来移除addEventListener()方法添加的事件句柄。

分别在window、document、html、body、btn上绑定事件,单击按钮,输出结果如下:

事件流表述

相关文章

  • 事件捕获跟冒泡

    在dom的addEventListener() 方法中,参数有三个, event表示事件名称,例如'click';...

  • 捕获和冒泡

    捕获:从外向内冒泡:从内向外 在一个事件发生时,捕获过程跟冒泡过程总是先后发生,跟你是否监听毫无关联,先捕获后冒泡...

  • Javascript DOM事件流向

    事件流向 先捕获然后处理,然后再冒泡出去 addEventListener false冒泡 true捕获 事件捕获...

  • 事件冒泡、事件捕获、事件委托

    事件冒泡、事件捕获、事件委托

  • 深入研究事件冒泡、事件捕获和事件委托

    以前听老师讲解事件冒泡和事件捕获机制的时候跟听天书一样,只依稀记得IE使用的是事件冒泡,其他浏览器则是事件捕获。当...

  • 事件冒泡和事件捕获

    事件冒泡和事件捕获

  • day29-web前端之jQuery及Ajax

    1事件冒泡和捕获 1.1.事件冒泡:在子标签中产生的事件会传递给父标签 1.2事件捕获 捕获事件-阻止事件从子标签...

  • DOM-BOM-EVENT(7)

    7.事件深入 #7.1.事件捕获 事件流分为事件冒泡和事件捕获两种,事件冒泡指事件从里往外传播,而事件捕获刚好相反...

  • JS事件流机制

    事件流指的是 1.节点的捕获2.处理事件3.事件的冒泡 目前分为事件冒泡流,事件捕获流; 区别:1.事件冒泡流在事...

  • 事件基础(2)

    js事件的三个阶段:捕获,目标,冒泡 IE:IE事件流是事件冒泡流 Netscape事件流是事件捕获流 IE事件...

网友评论

      本文标题:事件捕获跟冒泡

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