JQUERY blur事件和click事件冲突问题（未解决）

最新推荐文章于 2024-04-30 16:57:21 发布

wbb880901

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量268

点赞数

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

本文链接：https://blog.csdn.net/wbb880901/article/details/109293666

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

画面项目验证后，点击按钮执行后台查询。验证用的是blur方法，但是当输入有问题时，直接点解按钮。按钮的click事件不执行。

text框选中，不输入值直接点击按钮，blur事件执行，按钮的click事件没有执行。

不知道原因是什么，对html事件的原理不太清楚。

网上说用mousedown代替click事件，可以先执行mousedown再执行blur，我的要求就是想先执行blur，所以解决不了。

求大神帮忙

写了一个小demo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
   $("#username").blur(function(){
       console.log("blur");
var val = $("#username").val();
   if(val ==""){
       $("#errmsg").html("blur check null");
   }else{
       $("#errmsg").html("");
   }
});
$("#bt").click(function(){
   console.log("click");
var val = $("#username").val();
   if(val ==""){
       $("#errmsg").html("click check null");
   }else{
       $("#errmsg").html("");
   }
});
});
</script>
</head>
<body>
   <div id="errmsg"></div>
   username:<input type="text" id="username"></input>
<button id="bt">submit</button>

</body>
</html>

wbb880901

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQUERY blur事件和click事件冲突问题（未解决）

画面项目验证后，点击按钮执行后台查询。验证用的是blur方法，但是当输入有问题时，直接点解按钮。按钮的click事件不执行。text框选中，不输入值直接点击按钮，blur事件执行，按钮的click事件没有执行。不知道原因是什么，对html事件的原理不太清楚。网上说用mousedown代替click事件，可以先执行mousedown再执行blur，我的要求就是想先执行blur，所以解决不了。求大神帮忙写了一个小demo<!DOCTYPE html><html>
复制链接

扫一扫