执行以下代码,点击按钮,只会弹出第二个函数的‘b’。那么,现在要两个都弹出,就需要事件绑定。
<!DOCTYPE html>
<html>
<head>
<title>绑定事件</title>
</head>
<script type="text/javascript">
window.onload = function(){
var oBtn = document.getElementById('btn1');
oBtn.onclick = function(){
alert('a');
}
oBtn.onclick = function(){
alert('b');
}
}
</script>
<body>
<input id="btn1" type="button" value="提交">
</body>
</html>
绑定事件使用addEventListener( 事件名,函数,false )。如下,绑定两个事件之后,点击一次按钮,都可以弹出。但是addEventListener的兼容性不好,在IE下使用attachEvent。
<!DOCTYPE html>
<html>
<head>
<title>绑定事件</title>
</head>
<script type="text/javascript">
//绑定事件:addEventListener(事件名,函数,false)
window.onload = function(){
var oBtn = document.getElementById('btn1');
oBtn.addEventListener('click',function(){
alert('a');
},false);
oBtn.addEventListener('click',function(){
alert('b');
},false);
// oBtn.onclick = function(){
// alert('a');
// }
// oBtn.onclick = function(){
// alert('b');
// }
}
</script>
<body>
<input id="btn1" type="button" value="提交">
</body>
</html>