attachEvent() / addEventListener() 对象添加触发事件(转)
有时候当某一对象的某一事件被触发时，它所要执行的程序可能是一大串，有可能是要呼叫某一函数，也有可能同时又要呼叫另一函数。
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
在IE中使用addachEvent ,
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
看看gmail的代码
var Ka=navigator.userAgent.toLowerCase();
var rt=Ka.indexOf("opera")!=-1;
var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt);
function Zl(a,b,c){if(r){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
var agent=window.navigator.userAgent.toLowerCase();
//var a=agent.indexOf('opera')!=-1;
var b=agent.indexOf('msie')!=-1 //&& (document.all && !a)
function addEvent(obj,fun,e){
if(b){
obj.attachEvent('on'+e,fun);
}else{
obj.addEventListener(e,fun,false);
}
}
function testtest(){
alert('sdfsdfsdf');
}
window.onload=function(){
var objbutton=document.getElementsByTagName('input')[0];
addEvent(objbutton,testtest,'click');
}
</script>
</head>
<body>
<form>
<input type="button" name="button1" value="测试" />
</form>
</body>
</html>
分享到：
相关推荐
1）事件对象：当浏览器执行事件的时候，会将所有与事件相关的内容(鼠标位置，触发的目标等)封装为一个对象，并且在触发事件的函数，在事件函数中进行传递 Event 常见属性： clientX clinetY 鼠标相对客户端的位置 ...
例如：内存泄漏，重复添加事件并触发的时候是倒叙执行等。 下面是用传统事件的方法来处理封装事件的绑定： addEvent.ID = 1; // 事件计数器 function addEvent(obj, type, fn){ if(obj.addEventListener){ obj....
但是浏览器有addEventListener和attachEvent方法可供调用，从而模拟出类似于C#中的事件委托的事件触发机制！ 代码如下: /* * 功能：事件处理 * Author：LQB * 时间：2009-1-4 * #include JCore.js */ var JEvents = ...
1，IE使用attachEvent/detachEvent方法来添加和删除事件监听器；w3c使用addEventListener/removeEventListener方法。 2，IE对其事件使用onevent的命名方式，而w3c的是event的命名方式。 3，IE事件监听器内使用的是一...
在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧！ /** * @description 事件绑定，兼容...
另外ie中使用srcElement去获得事件触发源，ff下使用target。因此使用这两个对象时需要做相关的浏览器兼容。 点击 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]综合上节attachEvent与addEventListener。 ...
更多的文章可以参考 //... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 查看运行结果 综合上节attachEvent与addEventListener。 代码如下:[removed] <!– function Click(event){ event = event? event
代码如下:$(function () { //定义回车事件 if (document.addEventListener) {//如果是Firefox document.addEventListener(“keypress”, fireFoxHandler, true); } else { document.attachEvent(“onkeypress...
大家都知道事件的用法就是当某个事件(状况)被触发了之后就会去执行某个Function, 尤其是Javascript, 在当红AJAX的催化下, 了解Javascript的Event用法更加重要, 在这里就大概介绍一下avascript的Event用法.
代码如下: /** * @description 事件绑定，兼容各浏览器 * @param target 事件触发对象 * @param type 事件 * @param func 事件处理函数 */ function addEvents(target, type, func) { if (target.addEventListener) ...
代码如下: var addEvent = function(e, what, how) { if (e.addEventListener) e.addEventListener(what, how, false) else if (e.attachEvent) e.attachEvent(‘on’ + what, how) } 这里考虑了给元素绑定事件时...
数年前，只要我们编写JavaScript，都必须用到几个常用的函数，比如，addEventListener 和 attachEvent，并不是为了很超前的技术和功能，只是一些基本的任务，原因是各种浏览器之间的差异造成的。时间过去了这么久，...
46、JS ATTACHEVENT与ADDEVENTLISTENER区别 321 47、JS WINDOW.EVENT.CANCELBUBBLE 事件冒泡 323 48、JS解决COOKIE跨域访问的问题之方法一 323 49、JS禁止复制网页代码 324 50、JS 禁止剪切、复制、粘贴的文本框代码...