js为同一个元素注册多个事件

最新推荐文章于 2022-02-14 14:42:59 发布

林剑南

最新推荐文章于 2022-02-14 14:42:59 发布

阅读量853

点赞数

分类专栏： js案例文章标签： js为同一个元素注册多个事件

js案例专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<body>
		<input type="button" id="btn" value="11111" />
	</body>
	<script>
		function mm(id){
			
			return document.getElementById(id);
		}
		mm("btn").onclick=f1;
		mm("btn").onmousemove=f1;
		mm("btn").onmouseout=f1;
		
		function f1(e) {
			console.log(e);
			switch (e.type){
				case "click": alert("1");break;
					case "mousemove": alert("2");break;
						case "mouseout": alert("3");break;
				
			}
		}
	</script>

因为type的类型都不加on，判断的时候不加on。
在这里插入图片描述