动态的绑定事件的方法addEventListener

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

蟹道人

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

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript基础部分学习文章标签： javascript

本文链接：https://blog.youkuaiyun.com/csdt_csdt/article/details/18709407

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

51 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>