jQuery单击元素事件

Question

我有一个浮动div显示,我希望它在用户点击div时隐藏.当悬停在元素上时,这类似于.hover()函数回调.只有我想点击才能这样做.

我尝试只为身体设置一个点击事件,这会隐藏div,但这会产生意想不到的结果.

任何人都有关于我如何轻松做到这一点的想法？

Answer 1

如果要在单击页面中的其他位置时清除div,可以执行以下操作:

$('body').click(function(event) {
    if (!$(event.target).closest('#myDiv').length) {
        $('#myDiv').hide();
    };
});

Answer 2

另一个可能更简单的选择是在浮动DIV和页面其余部分之间添加透明div.

透明DIV上的简单点击事件可以处理隐藏,它可以避免您遇到click事件时遇到的问题.

Answer 3

如果你正在使用Jquery,你可以使用如下的选择器:

$("*:not(#myDiv)").live("click", function(){
    $("#myDiv").hide();
});

Answer 4

你肯定在寻找模糊事件吗？

Answer 5

最好的方法是: -

    
$(document).bind('click', function(e) {  

 var $clicked = $(e.target);

    if (!$clicked.parents().hasClass("divtohide")) {
        $(".divtohide").hide();
    }

});