如何在jquery中捕获任何click事件

Question

我有一个按钮,当它被点击时,显示一个div与图像(如聊天的表情符号面板),如果我再次点击它div隐藏,但我想要做的是:如果div已经出现然后我点击页面的任何其他东西,我想隐藏它.我试过这个:

$("myBtn").click(function(){
    // show div
});

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

单击"myBtn"时,div会自动显示并隐藏.我该怎么办呢？

感谢您的时间.

Answer 1

您可以尝试以下方法:

$(document).on('click', function(evt) {
    if(!$(evt.target).is('#my-id')) {
        //Hide
    }
});

UPDATE

这样你就可以拥有一套完整的工作集:

$('#mybutton').on('click', function(evt) {
    $('#mydiv').show();
    return false;//Returning false prevents the event from continuing up the chain
});