javascript - html/javascript“小部件”如何知道用户何时点击了小部件外部的任何位置？

Question

可能重复：
如何检测元素外的点击？

假设我创建了一个 HTML/javascript 小部件。假设在渲染时，小部件位于任意数量的其他 html 元素的顶部、旁边或附近。

我希望能够使我的小部件在用户单击小部件本身内部的任何位置时进行自我修改。

这可以做到吗？

Answer 1

将一个事件绑定到文档，然后测试一个 id 的 click 事件。

http://jsfiddle.net/AgNmt/

$(document).on('click', function (event) {
    var $element = $(event.target);

    if ($element.attr('id') === 'mywidget') {
        // do nothing
    } else {
        alert('you have clicked outside the widget!');
    }
});​