функция вызова, когда пользователь щелкает за пределами 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

Checkout внешние события JQuery плагин:

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