Question

$( 'body' ).dblclick(function() {
    alert("You double-clicked the background!");
});

如何匹配正文背景而不是元素链接输入或链接？我猜是使用:not()，但它无法使其正常工作。

测试：http://jsfiddle.net/SwARj/

Answer 1

http://jsfiddle.net/SwARj/1/

$( 'body' ).dblclick(function(e) {
    if($(e.target).is('body')){
        alert("You double-clicked the background!");
    }
});

Answer 2

您可以使用event.target.nodeName检查双击了哪个元素。

例如：

$( 'body' ).dblclick(function() {
   if (event.target.nodeName != "A" && event.target.nodeName != "INPUT")
      alert("You double-clicked the background and not a link nor an input");
});

Answer 3

查看jquery中的事件对象的文档：http://api.jquery.com/category/events/event-object/

考虑到这一点，您可以说“如果目标元素是body元素，那么处理”

我相应更新了你的jsfiddle： http://jsfiddle.net/SwARj/2/

$( 'body' ).dblclick(function(evt)
{
    if(evt.target == document.body)
        alert("You double-clicked the background!");
});

Answer 4

$('body').dblclick(function(e) {
    if (e.target.localName === 'body') {
      //...
    }
});

http://jsfiddle.net/gXZyw/

双击背景但不是元素的事件

4 个答案: