js两种移除事件的方法

聂聂脸

于 2024-10-07 05:00:00 发布

阅读量132

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2301_79420857/article/details/142733801

版权

在js的学习中，为元素添加事件是非常常见的
那么，下面我带大家了解一下js中移除事件的两种方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="点我啊" id="fst" />
		<input type="button" value="不许点他" id="ftw" />
	</body>
	<script type="text/javascript">
//		 第一种移除事件的方法
				document.getElementById("fst").onclick = function () {
					console.log('我被点击啦');
				}
				document.getElementById("ftw").onclick = function () {
					document.getElementById("fst").onclick = null;
				}
		//  第二种移除事件的方法
		var a = document.getElementById("fst");
		var b = document.getElementById("ftw");
		
		addListener(a, 'click', func1);
		addListener(a, 'click', func2);
		function func1() {
			console.log('我是函数1呀');
		}
		function func2() {
			console.log('我是函数2呀');
		}
		document.getElementById("ftw").onclick = function() {
			removeListener(a,'click',func2);
		};
	</script>
</html>