Question

我有一个标签，当'专注'时我会显示一个标签。当我点击文档正文时，我希望关闭它。但是，当使用两种不同的事件类型时，这似乎不起作用：

<input id='input' />  
<div id='div style='display:none;'>
</div>

$('#input').focus( function(e){  
   e.stopPropagation();  
   $('#div').show()  
});

$(document).click( function(){  
   $('#div').hide();  
});

似乎e.stopPropagation()仅停止'onfocus'事件的传播。因为当我将代码切换为：$('#input').click()时，它可以正常工作。

只是好奇是否仍然可以使用上面的代码进行此操作？（想知道JS好一点）

谢谢！

Answer 1

你可以简单地这样做

$('#input').bind('focus blur', function() {
    $('#div').toggle();
})

检查http://jsfiddle.net/u9xwb/

处的工作示例

Answer 2

你是对的，它只会杀死你订阅的事件，你需要在输入上停止点击事件。

$('#input').focus( function(e){  
   e.stopPropagation();  
   $('#div').show();
}).click( function(e){  
   e.stopPropagation();
});

$(document).click( function(){  
   $('#div').hide();  
});

Javascript事件stopPropagation在不同的事件类型

2 个答案:

检查http://jsfiddle.net/u9xwb/