var btn = document.querySelector('#twofuns'); btn.addEventListener(“点击”,method1); btn.addEventListener(“点击”,method2); 函数method2 () { console.log(方法2); ｝ 函数method1 () { console.log(方法1); ｝ <！DOCTYPE html > < html > < >头 < meta charset = " utf - 8 " > <meta name="viewport" content="width=device-width"> <标题> Pramod Kharade-Javascript < /名称> > < /头 身体< > <button id="twofuns">点击我!< /按钮> 身体< / > < / html >

您可以使用一个或多个方法实现/调用一个事件。

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

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

功能组件

             <Button
                onClick={() => {
                  cancelAppointment();
                  handlerModal();
                }}
             >
                Cancel
             </Button>

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

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

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

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>

您可以将所有函数组合成一个并调用它们。像Ramdajs这样的库具有将多个函数组合成一个函数的功能。

<a href="#" onclick="R.compose(fn1,fn2,fn3)()">Click me To fire some functions</a>

或者你可以把合成作为一个单独的函数在js文件中调用它

const newFunction = R.compose(fn1,fn2,fn3);


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