addEventListener是DOM方法,它用于在DOM元素上添加事件监听器。这种方法允许添加多个事件监听器,并且不会覆盖之前添加的监听器。相反,直接使用on事件只能添加一个事件监听器,并且会覆盖之前添加的监听器。 另外,addEventListener方法可以在不同阶段(捕获阶段、目标阶段、冒泡阶段)捕获事件,而直接使用on事件只能在目标阶段捕获...
第二种,没参数可以直接写函数名 obj.addEventListener("click",fn,fasle)); function fn(){ //do something.. } 第三种:函数有参数时需要使用匿名函数来传递参数 obj.addEventListener("click",function(){fn(parm)},false); 二.两者的区别 1.on事件会被后面的on的事件覆盖 以onclick为例: //obj是一个d...
1、如果一个元素用on绑定多个事件,那么后面的时间会覆盖前面的事件,而addEventListener绑定额事件可以一次顺序执行 2、addEventListener 有3个参数, 第3个参数指事件执行顺序,默认是按时间冒泡的执行顺序进行,true是指按事件捕获的执行顺序进行
obj.attachEvent(event,funtionName); 参数: event:事件类型(需要写成“onclick”前面加on,这个与addEventListener不同) funtionName:方法名(要参数是也是需要使用匿名函数来传参) 二、addEventListener与on的区别 1.on事件会被后面的on的事件覆盖///addEventListener不被覆盖,可移除事件/结果1,2 btn.addEventListener("...
addEventListenert方法第一个参数填写事件名,注意不需要写on,第二个参数可以是一个函数,第三个参数是指在冒泡阶段还是捕获阶段处理事件处理程序,如果为true代表捕获阶段处理,如果是false代表冒泡阶段处理,第三个参数可以省略,大多数情况也不需要用到第三个参数,不写第三个参数默认false ...
on 和 addEventListener 区别 事件委托 on方法 下面的方法把上面的方法覆盖了 每次都是输出box2.但是addEventListener可以多次绑定同一事件并且不会覆盖上一个事件。 下面每次都会输出 box1 box2 不会覆盖,第三个参数默认false 表示冒泡阶段。true表示 捕获阶段。
区别:var btn1Obj = document.getElementById("btn1");//element.addEventListener(type,listener,useCapture);btn1Obj.addEventListener("click",method1,false);btn1Obj.addEventListener("click",method2,false);btn1Obj.addEventListener("click",method3,false);执行顺序为method1->method2->method3...
addEventListener()和单击时两者都监听一个事件。单击按钮时两者都可以执行回调函数。然而,它们并不相同。在本文中,我们将了解它们之间的差异。 addEventListener() addEventListener()方法将事件处理程序附加到指定的元素。可以将任意数量的事件处理程序添加到单个元素,而无需覆盖现有的事件处理程序。 用法: element....
既然是二次封装肯定多了一些功能和特性,而且会比addEventListener好用很多,那么我接下来写几个demo测试一下: 首先在原生那种addEventListener和on的写法: 1 2 3 4 5 6 7 varbtn = document.getElementById("btn"); btn.onclick =function(){ console.log(this)//this都是btn标签...