jQuery：点击* only * this元素

Question

在上面的高度艺术绘画中，绿色广场是粉红色的孩子。 粉红色的一个用我的功能包裹在绿色的那个，所以绿色方块可以是任何东西 - 超链接，图像，按钮等。

如果不是单击绿色元素，我想捕获粉红色div上的单击。

这可以通过在绿色方块上使用mouseenter翻转布尔值来完成，但这对我来说似乎是一种混乱的方式。

有线索吗？

重要编辑：我根本不能搞乱绿色方块，所以不要在click事件中添加任何东西。

Answer 1

你可以这样做：

$('.pink-box-selector').click(function(e) {
    if ($(e.target).is('.pink-box-selector')) {
        // do stuff here
    }
});

Answer 2

两种选择。 您可以先检查目标是否为绿色div。

$('#pinkdiv').click(function(e) {
  if ($(e.target).is('#greendiv')) return;
  // handle the event
});

或者你可以正常编写粉色div的点击处理程序，并停止点击绿色div进行传播。

$('#greendiv').click(function(e) {
  e.stopPropagation();
});

Answer 3

将$("#div_id :not('#excluded_element')).click(); help？ http：//api.jquery.com/not-selector/

Answer 4

为“green”元素设置单独的单击事件侦听器，并将其设置为event.preventDefault()

Answer 5

http://jsfiddle.net/rlemon/d8qVp/

$("#pink").click(function(){
    if(!$("#green").is(":hover")) {
        alert('here');   
    }
});