在特定div之外单击调用函数

Question

我有一个html结构

<div class="abc">
  <div id="test">
    <label>Name</label>
    <input type="checkbox">
    <label>Name</label>
    <input type="checkbox">
    <label>Name</label>
    <input type="checkbox">     
  </div>
</div>

我希望当我点击div id test之外时,可以调用一个特定的函数.并且在div id测试内部也不会触发事件,即当我单击复选框时,不会触发任何事件.

任何帮助将非常感激.

Answer 1

您可以通过以下代码实现它(演示:http://jsfiddle.net/CrfCD/)

$(document).ready(function(){
    $(document).click(function(e){
        if ($(e.target).is('#test,#test *')) {
            return;
        }
        else
        {
            alert("Hi");
            //Perform your event operations
        }
    });
});