js两种移除事件的方法

在js的学习中，为元素添加事件是非常常见的那么，下面我带大家了解一下js中移除事件的两种方法<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input type="button" value

释xin

7669人浏览 · 2021-10-08 01:07:07

释xin · 2021-10-08 01:07:07 发布

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