分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery绑定点击* ANYTHING * but * ELEMENT *，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_489_0@

说有一些元素浮动，我想做一些当我点击任何(divs，体，任何…)，但指定的一个(例如div#special)。

我想知道是否有一个更好的方式来实现这除了以下方法我可以想到…

$(document).bind('click',function(E) {
    get mouse position x,y
    get the element (div#special in this casE) position x,y
    get the element width and height
    determine if the mouse is inside the element
    if(insidE)
        do nothing
    else
        do something
});

解决方法

为了处理“当这个元素被点击时这样做”的情况，一般的方法是向处理“do this”情况的文档添加一个事件处理程序，然后向“except this”元素添加另一个事件处理程序，只是防止点击事件冒泡到文档;

$('#special').on('click',function(E) {
    e.stopPropagation();
});

$(document).on('click',function (E) {
 // Do whatever you want; the event that'd fire if the "special" element has been clicked on has been cancelled.
});

对于那些使用早于jQuery 1.7的版本(就像这个问题被询问的情况)，你将不能使用on();而是简单地将on()的2种用途替换为bind();在这种情况下的签名是相同的。

演示在这里; http://jsfiddle.net/HBbVC/