javascript - $(document).click 从两个位置

Question

我调用了一个外部的js文件。这个 js 文件已经有一个 (document).click 函数。我想在主 js 中有一个 (document).click。

外部代码:

$(document).click(function() {
    //do stuff
});

我不使用全局变量。在外部文件中使用 $(document).click 函数并在主 js 中添加 $(document).click 函数的最佳方法是什么？

Answer 1

你可以两者兼得。只要没有人停止传播，两个事件处理程序就会运行。

如果您仍然遇到问题，请发布代码。

稍微扩展一下答案:实际上有一种方法(错误的方法)可以执行一次只支持一个的单击事件处理程序。如果你这样做:

element.onclick = function () {alert('a')};

然后

element.onclick = function () {alert('b')};

您只会收到一个警报(说“b”)。这就是为什么你永远不应该使用它。这是一个时代的残余，当时没有人知道他们在做什么。现在是 2015 年，我们谈论的越少越好。

现在，当您使用正确的方法注册事件处理程序时:

element.addEventListener('click', function () {alert('a')});
element.addEventListener('click', function () {alert('b')});

您会收到这两个警报。

为了消除任何混淆，值得一提的是，当您执行 $(element).click(f) 或 时，jQuery 在内部使用相同的旧 addEventListener $(element).on('click', f) 或者它现在可以工作的任何方式。