当用户点击小部件外的任何地方时，如何知道html / javascript'小部件'？

Question

  

可能重复：
  How to detect a click outside an element?

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

我希望能够在用户点击窗口小部件内部的任何地方时让我的窗口小部件自行修改。

可以这样做吗？

Answer 1

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

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!');
    }
});​