为了账号安全,请及时绑定邮箱和手机立即绑定

input blur事件的触发

input blur事件的触发

隔江千里 2018-12-27 22:14:43
问题简述:两个input同时绑定了blur事件,在input1触发input2的blur事件时,首先会触发input2的blur,然后紧接着不断触发input1的blur;代码如下:<!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title></title>    <style type="text/css">    input,textarea,button{        margin:10px;    }    </style>    <script src="jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script></head><body>    <input type="text" id="inp1"/><br>    <input type="text" id="inp2" /><br>    <script type="text/javascript">    $('#inp1').blur(function(){        alert($(this).attr('id'));        return false;    })    $('#inp2').blur(function(){        alert($(this).attr('id'));        return false;    })    </script></body></html>想请教一下大家有没有好的办法可以实现在这种触发条件下只触发input2的blur,能说明一下这种情况产生的原因或者有相关的资料链接更好,万分感谢~
查看完整描述

1 回答

?
慕无忌1623718

TA贡献1744条经验 获得超4个赞

因为你从 inp1 到 inp2 时,inp2 获得 focus,inp1 变 blur,这时弹出了 alert ,当你点击关掉 alert 时离开了 inp2,触发了inp2 的 blur,弹出了新的 alert,而你关掉之前的 alert 之后光标又回到了 inp2。接下来就是死循环。


查看完整回答
反对 回复 2019-01-03
  • 1 回答
  • 0 关注
  • 1777 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号