满世界跑了一圈，最简单的 如下：
<html>
<head>
<title></title>
</head>
<input type="button" id="bject" value="test" />
<body>
</body>
<script type="text/javascript">
var aaa="测试"
document.getElementById("bject").attachEvent("onclick",function(){ttt(2,3,4)})
function ttt(a,b,c){
alert(a);
alert(b);
alert(c);
}
</script>
</html>
注意:
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
分享到：
相关推荐
这个方法接收一个DOM元素作为参数，并返回一个新的函数，该函数会在执行时将`this`绑定到指定的DOM元素上。 2. **全局存储转换**：为了避免闭包导致的内存泄漏问题，我们需要使用一个全局数组`__bindNodes`来存储每...
为了更好地管理事件处理函数，我们通常会在JavaScript中创建一个专门的事件绑定函数。例如： ```javascript function bind(el, name, fn) { return el.addEventListener ? el.addEventListener(name, fn, false) :...
2. **`attachEvent`**: 与`addEventListener`不同，`attachEvent`在IE中执行事件处理函数时，`this`会指向绑定事件的元素，通常是全局对象`window`。当点击`test1`时，所有浏览器的行为一致，因为`onclick`属性直接...
在探讨JavaScript中使用attachEvent和detachEvent方法处理带有参数的函数之前，我们先要了解这两个方法分别是什么以及它们的作用。attachEvent和detachEvent是早期IE浏览器特有的，用于为DOM元素添加或移除事件监听...
我们会发现一个常见问题：循环中每次绑定的函数参数值都是最后一个，而不是我们期望的每次循环的i值。这是因为函数的调用是异步的，在循环结束时变量i已经被修改为最终值。 这种现象的出现，是由于JavaScript闭包的...
本篇将详细介绍如何编写一个兼容IE6、7、8以及Firefox、Chrome等现代浏览器的事件绑定函数。 首先，我们需要理解两种主要的事件绑定方法：`attachEvent` 和 `addEventListener`。在Internet Explorer（尤其是早期...
这个方法接受三个参数：要绑定事件的元素、事件名称（不带"on"前缀，如"click"而不是"onclick"）以及事件处理函数。例如，要为IE浏览器添加点击事件，可以这样写： ```javascript function bindForIE(obj, type, fn...
### JavaScript中的绑定与解绑函数应用详解 #### 一、引言 JavaScript 是一种广泛应用于网页前端开发的脚本语言，它提供了丰富的功能来处理用户交互事件。在 Web 开发中，经常需要对 DOM 元素绑定事件处理器，或者...
为 DOM 绑定事件需要考虑浏览器的兼容性问题，我们可以使用不同的方式来绑定事件，包括直接为 Element 对象绑定事件、使用 W3C 的 addEventListener 和 IE 的 attachEvent 方法，以及自定义绑定函数等。
总结来说，本文讲解了如何通过扩展Object原型，创建一个兼容不同浏览器的事件绑定函数，通过适配addEventListener和attachEvent这两种主流的事件绑定方式，实现了在各种浏览器中都能够顺利绑定事件的目的。...
在IE中使用attachEvent方法时，通常会遇到不能直接向绑定的事件处理函数传递额外参数的局限。attachEvent只能接受两个参数：事件名称和事件处理函数。事件处理函数不支持直接传入额外参数，如我们通常使用的方法那样...
使用attachEvent对同一事件进行多次绑定，这是解决事件函数定义冲突的重要方法。但是在IE中，函数内的this指针并没有指向被绑定元素，而是function对象，在应用中，这是很难受的一件事，如果试图用局部变量传送元素...
事件监听涉及到把一个函数（监听函数）绑定到一个DOM元素上，以便在特定的事件发生时调用该函数。本文将深入探讨JavaScript中事件监听函数的绑定方法，并提供一些在不同浏览器中通用的绑定技术。 首先，事件监听...
// 缓存总事件绑定函数 el._eventHandlers = function (e) { e = e || window.event; // 遍历事件处理函数并执行 for (var i = 0; i ; i++) { handlers[i].call(el, e); } }; el.attachEvent('on' + type, ...