问题简述:两个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,能说明一下这种情况产生的原因或者有相关的资料链接更好,万分感谢~
慕无忌1623718
相关分类