JavaScript:绑定事件

执行以下代码,点击按钮,只会弹出第二个函数的‘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>
发布了126 篇原创文章 · 获赞 7 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_36880027/article/details/104503153
今日推荐