jquery live 在 A 标签上返回 false

Question

我有一个点击实时绑定到一个元素。处理程序执行后返回 false，但如果该元素恰好是 A 标签，则链接也不会被跟踪，这是不可接受的...

$('*').live('click', function(){
  // lots of code here
  return false;
});

现在，如果单击的元素具有类似 A>img 的路径 并且点击图像，A 永远不会被跟随。我不希望点击事件进一步传播。

我该如何实现这一目标？

编辑：

对于我的应用程序来说，将事件绑定到 * 至关重要。此外，可以在任何元素上单击，而不仅仅是 A。因此，上述解决方案都不适合我希望实现的目标。

Answer 1

您正在寻找的是 preventDefault()

$('*').live('click', function(e){
  // lots of code here
  e.preventDefault();
  return false; // Don't think this is necessary
});

我还想说，附加一个对所有元素进行事件可能不是一个好主意。

通过专门附加到 A 标记，您会得到更好的服务：

$('a').click(function(e){
    // lots of code here
    e.preventDefault();
    return false;
});

Answer 2

我不会将点击函数绑定到 *。您可以将其绑定到 body 元素；单击将从被单击的元素传播到 body 元素。您可以像这样检查最初单击的元素：

$("body").live("click", function (e) {
    if ($(e.originalEvent.target).is("a")) {
        return false;
    }
});

话虽如此，您仍然可以这样做：

$("*").live("click", function () {
    if ($(this).is("a") == false) {
        return false;
    }
});

Answer 3

尝试：

if($(this).tagName == 'A')
    return true; // perhaps even { do nothing }
else
    return false;

这可能不是获取标记名的确切代码，请参阅此 如何扩展 jQuery 以便更轻松地检索 tagName。

另请参阅：http://fuelyourcoding.com/jquery-events-stop -misusing-return-false/