Question

我在div中有div类名“.modalPopup”我有多个表和内部表我有div并且在多个控件内部，如文本框（输入）和下拉列表（选择）。

我想要的是，当用户点击主div上除了下拉列表（select）之外的“modalPopup”的任何位置时，我想触发click事件。我尝试使用我的选项但我无法获得特定的点击事件。喜欢

  $('.modalPopup :not(modalPopup select)').click(function(){
    document.write("working for click except select ");
    });

任何人请为我提供解决方案。

Answer 1

在not（）条件下，.modalPopup之前缺少一个点。

$('.modalPopup :not(.modalPopup select)').click(function(){ document.write("working for click except select "); });

Answer 2

最简单的方法是将div上的click事件与modalPopup类绑定，然后使用e.target检查用户实际点击的内容：

$('.modalPopup').click(function(e){
    if (!$(e.target).is('select')) {
        document.write("working for click except select ");
    }
});

e.target是被点击的dom元素。 $(e.target).is('select')获取该dom元素并从中创建一个jQuery对象并检查它是否为select。