定义了一个函数的链接

<a href="#" onclick="someFunc()">Click me To fire some functions</a>

从someFunc()触发多个函数

function someFunc() {
    showAlert();
    validate();
    anotherFunction();
    YetAnotherFunction();
}

当然，只需将多个侦听器绑定到它。

jQuery速成

$（“#id”）.bind（“click”， function（） { 警报（“事件 1”）; }); $（“.foo”）.bind（“click”， function（） { 警报（“Foo 类”）; }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <div class=“foo” id=“id”>Click</div>

onclick="doSomething();doSomethingElse();"

但实际上，最好完全不使用onclick，而是通过Javascript代码将事件处理程序附加到DOM节点。这就是所谓的不显眼的javascript。

另外，为了便于维护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);

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

你可以只通过代码添加多个，即使你在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

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

我会用元素。addEventListener方法将其链接到函数。从该函数可以调用多个函数。

我认为将一个事件绑定到一个函数，然后调用多个函数的好处是，你可以执行一些错误检查，有一些if else语句，这样一些函数只在满足某些条件时才会被调用。