addEventListener() 方法

HTML DOM addEventListener() 方法

http://www.runoob.com/jsref/met-element-addeventlistener.html

语法

element.addEventListener(eventfunctionuseCapture)

参数值

参数 描述
event 必须。字符串,指定事件名。

注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。

提示: 所有 HTML DOM 事件,可以查看我们完整的 HTML DOM Event 对象参考手册

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

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

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

可能值:

  • true - 事件句柄在捕获阶段执行
  • false- false- 默认。事件句柄在冒泡阶段执行
时间: 2024-10-11 22:56:30

addEventListener() 方法的相关文章

HTML DOM addEventListener() 方法

实例 为 <button> 元素添加点击事件. 当用户点击按钮时,在 id="demo" 的 <p> 元素上输出 "Hello World" : document.getElementById("myBtn").addEventListener("click", function(){ document.getElementById("demo").innerHTML = "

[转]addEventListener() 方法,事件监听

转载  白杨-M  http://www.cnblogs.com/baiyangyuanzi/p/6627401.html addEventListener() 方法,事件监听 你可以使用 removeEventListener() 方法来移除事件的监听. 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触

通用addEventListener方法

假设我们需要为一个<a id="aEle" href="http://www.baidu.com" />添加点击事件处理函数, 一般情况是这样的: var aEle = document.getElementById('aEle'); aEle.addEventListener('click', function(e){ console.log(e.target); e.preventDefault(); }); 如果用jquery,我们可以更简单: $

JS实现图片无缝滚动特效;附addEventListener()方法、offsetLeft和offsetWidth属性。

一:html部分 <body> <input id="btn1" type="button" value="向左"> <input id="btn2" type="button" value="向右"> <div id="div1">/*外框,显示区域*/ <ul id="ul1">/*循

javascript addEventListener方法

addEventListener是一个侦听事件并处理相应的函数. DOM方法 addEventListener() 和 removeEventListener()是用来分配和删除事件的函数. 这两个方法都需要三个参数,分别为: 事件名称(String).要触发的事件处理函数(Function).指定事件处理函数的时期或阶段(boolean). DOM事件流如图(剪自javascript高级程序设计,懒的画了): 由图可知捕获过程要先于冒泡过程 当第三个参数设置为true就在捕获过程中执行,反之就

HTML DOM addEventListener() 方法笔记

element.addEventListener(event, function, useCapture) 参数useCapture可选.布尔值,指定事件是否在捕获或冒泡阶段执行.可能值:true - 事件句柄在捕获阶段执行false- false- 默认.事件句柄在冒泡阶段执行 http://www.runoob.com/try/try.php?filename=tryjsref_element_addeventlistener_capture 查看事例:该实例演示了在添加事件监听时冒泡与捕获

VUE事件修饰符.passive、.capture、.once实现原理——重新认识addEventListener方法

https://www.jianshu.com/p/b12d0d3ad4c1 .passive的作用与使用场景 https://juejin.im/post/5ad804c1f265da504547fe68 .passive的实现原理 原文地址:https://www.cnblogs.com/macliu/p/11733871.html

关于 addEventListener 和 handleEvent 方法

使用 addEventListener 可以绑定事件,并传入回调函数. Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用,也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数. 这在 DOM Level 2 的接口定义中也已经做了说明: http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener 利用这个特性可以把任

JS事件监听 JS:attachEvent和addEventListener 使用方法

attachEvent与addEventListener区别 适应的浏览器版本不同,同时在使用的过程中要注意attachEvent方法          按钮onclickaddEventListener方法    按钮click 两者使用的原理:可对执行的优先级不一样的事件进行操作:attachEvent方法,为某一事件附加其它的处理事件.(不支持Mozilla系列) addEventListener方法 用于 Mozilla系列 举例: Js代码 document.getElementByI