这是brad的另一种回答，你可以这样用逗号

onclick="funA(), funB(), ..."

但是最好不要使用这种方法-对于小型项目，你可以只在一个函数调用的情况下使用onclick(更多:更新的不显眼的javascript)。

函数funA() { console.log (' A '); } 函数funB(点击元素){ console.log('B: ' + click . innertext); } 函数funC(cilckEvent) { console.log('C: ' + cilckEvent.timeStamp); } div{光标:指针} <div onclick="funA()， funB(this)， funC(event)"< / div > >点击我

另外，为了便于维护JavaScript，可以使用命名函数。

下面是匿名函数的例子:

var el = document.getElementById('id');

// example using an anonymous function (not recommended):
el.addEventListener('click', function() { alert('hello world'); });
el.addEventListener('click', function() { alert('another event') });

但是，想象一下，您有一对附加到同一个元素上的它们，并且想要删除其中一个。从该事件侦听器中删除单个匿名函数是不可能的。

相反，你可以使用命名函数:

var el = document.getElementById('id');

// create named functions:
function alertFirst() { alert('hello world'); };
function alertSecond() { alert('hello world'); };

// assign functions to the event listeners (recommended):
el.addEventListener('click', alertFirst);
el.addEventListener('click', alertSecond);

// then you could remove either one of the functions using:
el.removeEventListener('click', alertFirst);

这也使您的代码更容易阅读和维护。特别是当函数更大的时候。

下面是另一个答案，它将单击事件附加到.js文件中的DOM节点。它有一个函数callAll，用于调用每个函数:

const btn = document.querySelector('.btn'); const callAll = (fn) = > (……args) = > fn。forEach(fn => fn?.(…args)); 函数logHello() { console.log('你好'); ｝ 函数logBye() { console.log('再见'); ｝ btn.addEventListener(“点击”, callAll (logHello logBye) ）; <button type="button" class="btn"> 点击我 < /按钮>

 const callDouble = () =>{
    increaseHandler();
    addToBasket();
}                
<button onClick={callDouble} > Click </button>

这对我来说很有用，你可以在一个函数中调用多个函数。然后调用这个函数。

你可以只通过代码添加多个，即使你在html中有第二个onclick属性，它会被忽略，click2触发永远不会被打印，你可以添加一个鼠标下的动作，但这只是一个变通办法。

所以最好的方法是通过代码添加它们，如:

var element = document.getElementById("multiple_onclicks"); 元素。addEventListener("点击"，function(){console.log("点击3触发")}，false); 元素。addEventListener("点击"，function(){console.log("点击4触发")}，false); <button id="multiple_onclicks" onclick='console.log("click1触发");' onclick='console.log("click2触发");' onmousedown='console.log("click mousedown触发");' >点击我</button> .log

您需要小心，因为事件可能会堆积起来，如果您要添加许多事件，您可能会记不清它们运行的顺序。

如果只使用JavaScript而不使用jQuery，则需要此代码

var el = document.getElementById("id");
el.addEventListener("click", function(){alert("click1 triggered")}, false);
el.addEventListener("click", function(){alert("click2 triggered")}, false);