javascript - Jquery Selector 的使用

我在 div 中有类名“.modalPopup”的 div 我有多个表和表内我有 div 和多个控件，如文本框(输入)和下拉列表(选择)。

我想要的是，当用户单击主 div 上除下拉列表(选择)之外具有“modalPopup”的任何位置时，我想触发单击事件。我尝试使用我的选项，但我无法获得特定的点击事件。像这样:

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

谁能给我解决方案？

最佳答案

最简单的方法是将点击事件绑定(bind)到类为 modalPopup 的 div 上，然后使用 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。

关于javascript - Jquery Selector 的使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8725222/