码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript addEventListener 第三个参数作用

时间:2014-12-29 14:58:36      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:

DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数。 这两个方法都需要三个参数,分别为:

事件名称(String)、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)

<!--打开新的浏览器窗口-->
<button id="New" onclick="">点击弹窗</button>
<!--关闭新的浏览器窗口-->
<button id="Old" onclick="">点击关窗</button>
<script> // 打开新的浏览器窗口 document.getElementById("New").addEventListener("click",function(){ window.open("http://baidu.com","windows-name","height=500,width=800, top=200,left=200 toolbar=no, meubar=yes "); });
// 关闭新的浏览器窗口 document.getElementById("Old").addEventListener("click",function(){ window.close(); }); </script>

 

  

DOM事件流如图(剪自javascript高级程序设计,懒的画了):

技术分享

 

由图可知捕获过程要先于冒泡过程

当第三个参数设置为true就在捕获过程中执行,反之就在冒泡过程中执行处理函数。

JavaScript addEventListener 第三个参数作用

标签:

原文地址:http://www.cnblogs.com/moomkate/p/4191535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!