位置: 编程技术 - 正文
详解JavaScript中的事件流和事件处理程序(javascript的用法)
编辑：rootadmin推荐整理分享详解JavaScript中的事件流和事件处理程序(javascript的用法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascriptz,javascript含义,javascript definitive guide,javascript的,javascriptcsdn,javascript的用法,javascript的用法,javascriptz,内容如对您有帮助，希望把文章链接给更多的朋友！
事件流：分两种，IE的是 事件冒泡流 ，事件开始时从最具体的元素接收，逐级向上传播到较为不具体的节点（Element -> Document）。与之相反的是 Netscape 的 事件捕获流 。
DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。
大多数情况下都是将事件处理程序添加到事件流的冒泡阶段。一个 EventUtil 的栗子：
下面我们详细来看：
DOM0级事件处理程序通过Javascript指定事件处理程序的传统方式，就是将一个函数赋值给一个事件处理程序属性。每个元素都有自己的事件处理程序属性，这些属性通常全部小写，例如onclick。将这种属性的值设置为一个函数，就可以指定事件处理程序。
优点:1.简单2.具有跨浏览器的优势缺点:在代码运行之前不会指定事件处理程序，因此这些代码在页面中位于按钮后面，就有可能在一段时间怎么点击都没反应，用户体验变差。
DOM2级事件处理程序定义了两个方法，用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。三个参数，1.要处理的事件名。2.作为事件处理程序的函数3.一个布尔值。最后这个布尔值为true,表示在捕获阶段调用事件处理程序，false表示在冒泡阶段调用事件处理程序。
这两个事件处理程序会按照添加他们的顺序触发。大多数情况，都是将事件处理程序添加到事件流的冒泡阶段，这样可以最大限度的兼容各种版本的浏览器。
优点: 一个元素可以添加多个事件处理程序缺点: IE8及以下浏览器不支持DOM2级事件处理程序。(包括IE8)
IE事件处理程序定义了两个方法，与上类似:attachEvent(),detachEvent()。这两个方法接收相同的两个参数:事件处理程序名称和事件处理程序函数。由于IE8以及更早版本的浏览器只支持事件冒泡，所以通过detachEvent()添加的事件处理程序会被添加到冒泡阶段。
点击按钮，这两个事件处理程序的触发顺序与上述刚好相反。不是按照添加事件处理程序的顺序触发，刚好相反。
优点:一个元素可以添加多个事件处理程序缺点:只支持IE。
跨浏览器的事件处理程序
eg:
JavaScript中的跨浏览器事件操作的基本方法整理 绑定事件EU.addHandler=function(element,type,handler){//DOM2级事件处理，IE9也支持if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){//ty
JavaScript中用let语句声明作用域的用法讲解 语法letvariable1=value1参数variable1要声明的变量的名称。value1赋给变量的初始值。备注使用let语句声明一个变量，该变量的范围限于声明它的块中。可以在
总结JavaScript设计模式编程中的享元模式使用 享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象，
标签: javascript的用法
本文链接地址:https://www.jiuchutong.com/biancheng/370062.html 转载请保留说明！
![[置顶]
【Android与iOS开发对比系列】之 数据存储(置顶在线)](/img.jpg)
