當用戶點擊div之外時的呼叫功能

Question

當用戶點擊div之外時，如何調用某個功能？

該函數將隱藏頁面上的div和一些其他元素。

Answer 1

一個簡單的例子：

HTML

<div id="target"> 
    Your div 
    <span>A span</span> 
    <div> 
     Another child div 
    </div> 
</div> 

的jQuery

function hideDiv(e) { 
    if (!$(e.target).is('#target') && !$(e.target).parents().is('#target')) { 
     $('#target').hide(); 
    } 
} 
$(document).on('click', function(e) { 
    hideDiv(e); 
}); 

Working sample

Answer 2

結帳JQuery的之外的事件的插件：

http://benalman.com/projects/jquery-outside-events-plugin/