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

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/