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 >

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

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

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

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

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

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

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

功能组件

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

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

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>