用戶在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);
});

工作樣本

Answer 2

檢出JQuery外部事件插件：

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