动态的绑定事件的方法addEventListener

投票功能的JavaScript事件绑定与解绑

最新推荐文章于 2021-06-08 11:34:42 发布

原创最新推荐文章于 2021-06-08 11:34:42 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript基础部分学习专栏收录该内容

51 篇文章

订阅专栏

本文探讨了在JavaScript中如何动态地为按钮添加和移除点击事件监听器，通过实例展示了投票功能实现过程，包括事件绑定、解绑及事件处理函数的使用。

<script language = "javascript" type = "text/javascript">
	function test(){
		window.alert("你投了一次票");
		//解除绑定事件
		document.getElementById("but1").removeEventListener("onclick",test);	
	}
</script>
<body>
	<input id = "but1" type = "button" value = "投票" />	
	<script language = "javascript" type = "text/javascript">
	//动态绑定事件 可以取消绑定
	document.getElementById("but1").addEventListener("onclick",test);
	</script>
</body>