자바 스크립트를 사용하여 요소 외부에서 클릭 감지

Question

몇 가지 목록 항목이 있으며 각각 옆에 작은 상자가 있습니다. 상자를 클릭하면 몇 가지 정보가 표시됩니다. 상자 외부에 클릭이 있으면 상자를 숨기려고합니다. 그러나 나는 그것을 정확하게하는 방법을 모른다. 이이 문제와 비슷한 게시물은 이미 있지만, 그들 모두는 jQuery를 사용하지만 난이 어디 document에 클릭을 들어 순수 자바 스크립트

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

감사

Answer 1

를 사용하여 완수해야하고, 반응 그들에게. 상자의 클릭 소리를 듣고 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"); 
});