Question

可以像这样两次使用它吗？

onClick=function1() onClick=function2()

？

Answer 1

您可以使用addEventListener进行此操作。

var button = document.getElementById('yourButton');
button.addEventListener('click', function(event) {
  // call function 1 here
  // call function 2 here
  console.log('test');
});

<button id="yourButton">Click me!</button>

Answer 2

不。如果要一次调用两个函数，则需要执行类似的操作

function clicked(){
   function1();
   function2();
}

function function1(){
  console.log('function1');
}

function function2(){
  console.log('function2');
}

<button id="yourButton" onClick='clicked()'>Click me!</button>

Answer 3

就像第一个对您发表评论一样，第二个将覆盖第一个。

您需要做的是调用foo（），并在foo内部调用您需要的两个函数：

function foo() {
   func1();
   func2();
}

Answer 4

其他人建议使用addEventListener。稍后，您可以通过调用removeEventListener

来灵活地删除添加的侦听器

如何使用onClick为同一按钮设置多个功能？

4 个答案: