Question

我为div做了模糊效果（使用tabindex = 1）但后来我在div中添加了输入：

<div id="d1" tabindex='2'>
    <input id="i1" type='text' tabindex='1'/>
</div>

我为输入添加了点击处理程序，然后点击div的

 $('#i1').click(function(e){
    alert($(e.target).is('#i1, input'));
});

$('#d1').click(function(){
    alert('div clicked');
});

$('#d1').blur(function(e){
    alert($(e.target).is('#i1, input'));

});

但是当你点击div然后点击输入时，你可以尝试只发生div事件。

点击事件，然后模糊效果。

当div容器的模糊效果发生时，似乎看不到输入。

请问您如何解决问题。

JSfiddle代码在这里：http://jsfiddle.net/z1987/gpkro53o/

Answer 1

它确实看到了输入，但警报功能很奇怪。检查此演示的控制台：http://jsfiddle.net/gpkro53o/1/

另外，您希望在输入e.stopPropagation()事件中添加click，以便它不会触发div事件

单击div时的控制台日志，然后输入为：

div clicked
div blurred
input

div的模糊事件不会干扰输入点击事件

1 个答案: