我正在尝试使用模糊功能,但是它不起作用。如果用户在外部单击,我想隐藏 div。
<div id="container">
Links
</div>
$(document.body).on('blur', '[id="container"]' ,function(){
$("#container").hide();
});
什么是正确的方法?
最佳答案
问题是:
-
document.body
应该是document
. -
[id="container"]
应该是#container
.更好的选择器。 <div />
没有blur
事件。所以使用click
事件而不是blur
.
tabindex
方式:
赋予属性 tabindex
使元素具有 blur
和 focus
事件。现在给blur
就可以了。
片段
$(document).on('blur', '#container' ,function(){
$("#container").hide();
});
#container {height: 100px; background: #ccc;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container" tabindex="1">Click Me and Outside Me</div>
关于javascript - 模糊功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39553047/