addEvent()和addEventlistner()的区别

addEvent( object, eventType, function );

addEvent( document.getElementById('foo'), 'click', doSomething );
addEvent( obj, 'mouseover', function(){ alert('hello!'); } );

//绑定事件

function addEvent(el,name,fn){

if(el.addEventListener) return el.addEventListener(name,fn,false);//在火狐中会执行这一句
return el.attachEvent('on'+name,fn);//在ie中执行这一句

}

attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

addEventListener方法用于 Mozilla系列

举例:

document.getElementById("btn").onclick = method1;

document.getElementById("btn").onclick = method2;

document.getElementById("btn").onclick = method3;

如果这样写,那么将会只有medhot3被执行

写成这样：

var btn1Obj = document.getElementById("btn1");

//object.attachEvent(event,function);

btn1Obj.attachEvent("onclick",method1);

btn1Obj.attachEvent("onclick",method2);

btn1Obj.attachEvent("onclick",method3);

执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener

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

addEvent()和addEventlistner()的区别相关推荐

JavaScript之事件触发on和事件监听addEvent及addEventListener的区别和作用
一.on事件为dom节点添加多个on事件只会执行最后的那个事件,因为最后的指定的on事件指向最后的那个函数,代码如下所示: function method1(){console.log('我是方法1 ...
MySQL之MYISAM和INODB
本文章来源于:https://github.com/Zeb-D/my-review ,请star 强力支持,你的支持,就是我的动力. [TOC] Mysql之MYISAM.INODB的区别 MySQL ...
mootools_在jQuery中实现MooTools的Elements.addEvent
mootools One thing that I've always disliked about the jQuery JavaScript framework is its syntax for ...
on事件和addevent事件的区别
on事件 function fn1(){alert(1)};function fn2(){alert(2)}; document.onclick=fn1(); document.onclick=fn2 ...
window.onload和jQuery的ready函数区别
先说结论:非常重要!!! 1.onload只能有一个,如果存在多个,后面的覆盖前面的,ready函数可以有无数个,按照顺序依次执行(执行次数不同) 2.ready函数在DOM层渲染完毕则自动执行,on ...
addEvent函数
[本文主要是借addEvent函数说明call,apply和Array.prototype.slice.call的用法] 首先看最普通写法: var addEvent = function(obj,e ...
addEventListener和attachEvent的区别
转 addEventListener和attachEvent的区别区别如下 addEventListener共有3个参数,如下所示: element.addEventListener(type,li ...
JS观察者模式和发布订阅模式的区别
观察者模式: 观察者观察被观察者,当被观察者发生被观察的行为时,触发观察者里面的事件. document.querySelector('#btn').addEventListener('click', ...
RPC 笔记（01）— RPC概念、调用流程、RPC 与 Restful API 区别
1. 基本概念 PRC 远程过程调用 Remote Procedure Call,其就是一个节点请求另外一个节点提供的服务.当两个物理分离的子系统需要建立逻辑上的关联时,RPC 是牵线搭桥的常见技术手 ...

addEvent()和addEventlistner()的区别

addEvent()和addEventlistner()的区别相关推荐

最新文章

热门文章