javascript addEventListener()

为什么80%的码农都做不了架构师？>>>

element.addEventListener(event,function,useCapture)

event:必须字符串指定事件名称

注意：不要使用‘on’前缀，例如：使用‘click’而不是‘onclick’(dom事件)

function：必须指定要事件触发时执行的函数

事件对象会作为此函数的第一个参数传人，事件类型取决于event属于那种对象例如click属于MouseEvent对象。此处是回调函数而不是执行体（alert（'hello'）属于执行体，可以使用匿名函数替代function（）{alert('hellow');}不然会在刷新时调用alert而监听无效）

useCapture:可选布尔值指定事件是否在捕获或冒泡阶段执行

true:事件句柄在捕获阶段执行

false:默认时间句柄在冒泡阶段执行

捕获过程是由外到里也就是外层div先捕获，如果为true则外层先执行，冒泡是由里向外的，也就是捕获过程结束后事件会向外冒泡为false的会在此阶段执行。

转载于:https://my.oschina.net/hcliu/blog/733506

javascript addEventListener()相关推荐

JavaScript addEventListener()事件监听方法
addEventListener()方法将事件处理程序附加到指定的元素. 您可以使用removeEventListener()方法轻松删除事件侦听器. 语法:element.addEventListe ...
JavaScript 的addEventListener() 事件监听详解！
JavaScript 的addEventListener() 事件监听详解! addEventListener() 用于向指定元素添加事件. 可以向一个元素添加多次事件或者多次不同事件,后面的事件是 ...
六、前端开发-JavaScript DOM
六.前端开发语言体系-JavaScript DOM 文章目录六.前端开发语言体系-JavaScript DOM JavaScript DOM DOM简介 DOM方法 DOM事件 DOM事件监听器 D ...
addEventListener() 事件监听
无意间有人问到了,这个方法,我就学了一下,顺便敲了一个小demo. addEventListener() 用于向指定元素添加事件. 可以向一个元素添加多次事件或者多次不同事件,后面的事件是不会覆盖前面 ...
JavaScript详细教程
JavaScript 1.编程语言 1.1 编程 1.2 计算机语言 1.3 编程语言 1.4 翻译器 1.5 编程语言和标记语言区别 1.6 总结 2.计算机基础 2.1 计算机组成 2.2 数据存 ...
使用 JavaScript 控制 HTML5 视频播放器
转载地址:https://msdn.microsoft.com/zh-cn/library/hh924823(v=vs.85).aspx HTML5 video 对象提供可以用于通过 JavaScri ...
angularjs html5模式,Angularjs $location html5mode浅析
关于HTML5 history API 参考资料:http://diveintohtml5.info/history.html 参考资料为英文,内容较为简单,周末会做简单翻译,方便英语吃力的童鞋. H ...
chromedriver中的浏览器选项
chromedriver中的浏览器选项 There are lots of command lines which can be used with the Google Chrome browser ...
Chromium浏览器(CEF)的命令行列表说明
找到的Chromium浏览器的命令行说明列表,转放在这里以方便查看. List of Chromium Command Line Switches There are lots of command ...

javascript addEventListener()

javascript addEventListener()相关推荐

最新文章

热门文章