javascript - 使用 jquery 确定是否单击了 div 中的任何元素

Question

如何使用 jQuery 判断是否单击了 div (panel1) 中的任何元素？我有这段代码用于显示/隐藏弹出窗口:

$('body').click(function (e) {
        if ($(e.target).attr('id') == 'link1') {
            $('#panel1').show();
        } else {
            $('#panel1').hide();
        }
    });

问题是，如果我单击 panel1 中的任何控件/元素，弹出窗口 (panel1) 就会被关闭。我想保持 panel1 打开，除非单击 panel1 外部的区域(或者再次单击 link1)。我该如何修改这段代码来实现这一目标？谢谢...

Answer 1

试试这个

$('#panel1').click(function (e) {
       e.stopPropagation();
       //Other code if you want to execute anything on panel click.
    });

$('body').click(function (e) {
       if($("#panel1").is(":visible")) 
          $('#panel1').hide();
    });