обнаружить элемент вне элемента с помощью javascript

Question

У меня есть элементы списка, и каждый из них содержит небольшую коробку рядом с ней. При нажатии на поле отображается какая-либо информация. Я хочу скрыть поле, если щелчок находится вне поля. Но я точно не знаю, как это сделать. Есть уже несколько сообщений, похожих на этот вопрос, но все они используют JQuery, но я должен получить это сделать, используя чистый JavaScript

I tried to do following way:http://jsfiddle.net/kn8hw4tf/1/

Спасибо

Answer 1

Слушайте щелчки в любом месте на document и реагировать им. Слушайте клики на поле и вызывайте event.stopPropagation(), чтобы они не ударили слушателя на document.

document.getElementById('test_id').addEventListener('click', function getDetails(evt) { 
    var id = this.getAttribute('id'); 
    alert("Clicked on " + id); 
    evt.stopPropagation(); 
}); 

document.addEventListener("click", function (e) { 
    alert("Clicked outside"); 
});