- 在一般情况下,使用“对象.事件 = 函数”来绑定响应函数,这种绑定的方式只能同时为一个元素的一个事件绑定一个响应函数,若绑定多个函数,后面绑定的函数就会覆盖掉前面的。
例如以下代码,在执行的时候输出的结果为 2:
<script type="text/javascript">
window.onload = function(){
var btn = document.getElementById("btn");
btn.onclick = function(){
alert(1);
};
btn.onclick = function(){
alert(2);
};
};
</script>
- 通过**addEventListener()**方法为元素绑定响应函数,可以同时为一个元素的一个事件绑定多个响应函数,ie8及以下版本的浏览器不支持这个方法,addEventListener()这个方法中的this指向绑定事件的对象,这个方法需要三个参数:
- 对应事件的字符串(“不要on”)
- 触发事件时被调用的回调函数
- 判断是否在捕获阶段触发事件,一般传递false(这个参数传递的是布尔值)
用法如下:
btn.addEventListener("click",function(){
alert