事件监听式绑定

非IE下(这里事件名不带on)第三个参数表示在捕获期,还是冒泡阶段,可以重复绑定事件,执行顺序按照绑定顺序来执行

oDiv.addEventListener("click",fn,false); 事件类型,事件处理,事件流

移除:oDiv.removeEventListener("click",fn,false);

IE如下:只有冒泡阶段,没有捕获,所以只有两个参数(这里需要加on);

oDiv.attachEvent(事件类型,事件处理);

移除:oDiv.detachEvent(事件类型,事件处理)

冒泡:从下往上,从里往外,逐层传递,相同事件;

捕获:从上往下,从外往里,逐层传递,相同事件;

事件流的顺序:捕获,目标,冒泡;

事件流的三种状态:事件冒泡,事件捕获,目标阶段

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,867评论 1 11
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 5,027评论 3 11
  • 事件流 JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 4,262评论 0 3
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 7,142评论 0 2
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    threetowns阅读 2,755评论 0 0