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

syousetu

于 2020-10-26 18:44:58 发布

阅读量1.5k

点赞数

分类专栏： javascript 文章标签： jquery js

本文链接：https://blog.youkuaiyun.com/syousetu/article/details/108061033

版权

javascript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用JavaScript控制DOM事件的触发顺序，通过设置setTimeout延迟执行，实现点击与失去焦点事件的先后顺序调整。

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

一般情况下： 如果代码中不做处理，则会先执行失去焦点的事件，再执行点击事件
如果我们需要按照特定的顺序去执行，则可以参考如下的js代码

$(function(){
	<!--先执行点击事件后执行失去焦点事件-->
	$(".class").blur(function(){
		setTimeout(function(){
			alert("-----blur----");
		},500);
	});
	$(".class").click(function(e){
		alert("-----click----");
	});
	
	
	<!--先执行失去焦点后执行点击事件-->
	$(".class").blur(function(){
		alert("-----blur----");
	});
	$(".class").click(function(e){
		setTimeout(function(){
			alert("-----click----");
		},500);
	});
});