javascript - html/javascript 'widget' 如何知道用户何时单击了小部件之外的任何位置?

标签 javascript jquery html

Possible Duplicate:
How to detect a click outside an element?

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

我希望能够让我的小部件在用户单击小部件本身之外的任何地方时进行 self 修改。

这可以做到吗?

最佳答案

将事件绑定(bind)到文档,然后测试 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!');
    }
});​

关于javascript - html/javascript 'widget' 如何知道用户何时单击了小部件之外的任何位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12166977/

相关文章:

Javascript If-else

javascript - 如何在 Angular NgRepeat 中访问循环变量

javascript - 传单获取编号

javascript - 无法使用 AJAX 下载 TCPDF 生成的 PDF

javascript - 如何使用 javascript 创建动态 ID,然后链接到轮播上的帖子?

html - Apache(.htaccess 和 mod_rewrite)url 重写/重定向不起作用 :404 page not found error

javascript - Node.js:获取 "From: "和 "To: "的正则表达式

Javascript:查找其他 ID

html - 为什么会溢出:auto and overflow:scroll position the scrollbar differently?

html - 缓存控制 HTML header