Question

出于某种原因，我需要在一个页面上显示两个窗口onclick事件

window.onclick = function(event) {
    alert("abc") 
}

window.onclick = function(event) {
    console.log("abc");
}

但只有第二个运行。知道如何让两者都有效。

Answer 1

您正在覆盖window.onclick，因此只会运行后者。如果你想使用vanilla JS，你应该使用addEventListener。

window.addEventListener('click', function(event) {
    alert("abc") 
});

window.addEventListener('click', function(event) {
    console.log("abc");
});

如果您使用的是jquery，则可以使用jQuerys .click。

$('window'.click(function(event) {
    alert("abc") 
});

$('window'.click(function(event) {
    console.log("abc");
});

Answer 2

你在做什么等同于

var a = 1;
var a = 2;

然后要求有两个变量a。

根本不可能，你的例子中只能有一个名为onclick的函数。

Answer 3

这不是正确的方法，但如果必须，你可以使用jQuery这样做：

  $("#myButton").click(function() {
    alert(1);
  });

  $("#myButton").click(function() {
    alert(2);
  });

Answer 4

window.onclick = function(event) {
  if (!event.target.matches("")) {}


  if (!event.target.matches("")) {}

}

一页中的多窗口onclick事件

4 个答案: