Javascript close pop up div

Question

У меня есть div, что я скрыть/показать с onclick, который добавляет или удаляет css class. Я хочу иметь возможность закрыть/скрыть div, когда пользователь нажимает за пределами области div.

Как это сделать? Благодаря!

Answer 1

Я думаю, что то, что вы ищете, можно сделать с помощью JavaScript. Его событие называется onBlur, которое запускает обработчик событий, когда что-то теряет фокус (например, ваш div).

Вы можете прочитать об этом здесь: http://www.w3schools.com/jsref/event_onblur.asp

В основном вы вызываете функцию JavaScript, когда ваш объект теряет фокус:

onBlur="myFunction();" 

... и «туРипсЫоп()» будет иметь JavaScript для измените свой CSS.

Answer 2

Как уже упоминалось здесь- https://stackoverflow.com/a/7385673/1982631

HTML

<div class="block"> 
     <div class="blockelements"> 

     </div> 
    </div> 

jQuery-

$(document).bind('click mouseup blur',function (e) 
{ 
    var container = $(".block"); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
     && container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
     container.hide(); 
    } 
}); 

https://jsfiddle.net/up6g5rqL/1/ Демо