Question

我有html，例如

<body><div id="main"><p>some text</p></div></div></div></body>

当你点击外部#main时如何在jquery上制作，但在标记体内部有一些动作？

$(":not(#main)").click({..});

不工作

Answer 1

你试过这个：

    $("body").children().filter(":not(#main)").click(function(){...});

Answer 2

$('body').click(function(e){
  //if click inside #main
  if($(e.target).parents('#main').length || $(e.target).is('#main')){
  ...
  }
  else{
    //if not clicked inside #main
  }

})

点击http://jsfiddle.net/gwams/1/

Answer 3

我建议像：

$('body').click(
    function(e){
        if ($(e.target).is('#main') || $(e.target).closest('#main').length){
            // main was clicked
        }
        else {
            // something else was clicked
        }
    });

JS Fiddle demo

Answer 4

首先，您应该将Html更改为：

<body><div id="main"><p>some text</p></div></body>

它有两个未闭合的div标签，然后大卫的回答应该可以解决问题。

Answer 5

$('body').click(function(e) {
    if (e.target.id != 'main') {
        console.log('outside main but within body');
    } else {
        console.log('within main');
    }
});

Answer 6

$('body').click(function () {
   alert('clicked');
});

$('#main').click(function (event) {
   event.stopPropagation();
});

应阻止#main内的点击向下传播到body。

Answer 7

尝试$("body>:not(#main)").click(function(){...});

从samn修改

如果您需要实时版本，只需更改为

$("body>:not(#main)").live("click", function(){...});

jQuery单击外部标记

7 个答案: