点击事件和失去焦点事件的顺序

最新推荐文章于 2024-01-15 13:27:43 发布

蚁族的奋斗1

最新推荐文章于 2024-01-15 13:27:43 发布

阅读量1.1k

点赞数

分类专栏： js 文章标签：事件

本文链接：https://blog.csdn.net/github_39319000/article/details/102514209

版权

js 专栏收录该内容

122 篇文章 1 订阅

订阅专栏

描述：输入框上面有blur事件，s是，东方闪电有点击事件，如果先聚焦输入框，那么blur事件和点击事件哪个执行

<body>
	<input type="text">
	<a>
		s是，东方闪电
	</a>
</body>
<script>
	let inputel=document.querySelector("input");
	let ael=document.querySelector("a");
	inputel.onblur=function(){
		console.log('1');
		
	}
	ael.onclick=function(){
		console.log('2');
		
	}
</script>

结果：先执行blur，在执行click
因为click是由按下和抬起两个动作合成的，当按下的时候就执行blur事件了，在抬起的时候才执行click事件