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");
});

使用javascript检测元素外部的点击

1 个答案: