如何在HTML或JavaScript中按鈕的onclick方法調用兩個方法？

Question

如何在HTML或JavaScript中按鈕的onclick方法調用兩個方法？

Answer 1

1. 試試這個：

   <input type="button" onclick="function1();function2();" value="Call2Functions" /> 
   

2. 或者說，第一個函數的末尾調用第二個函數：

   function func1(){ 
       //--- some logic 
       func2(); 
       } 
   
       function func2(){ 
       //--- some logic 
       } 
   

   ...並調用FUNC1（）按鈕的onclick：

   <input type="button" onclick="func1();" value="Call2Functions" /> 
   

Answer 2

正如哈里喬伊說，你可以做到這一點的onclick ATTR像這樣：

<input type="button" onclick="func1();func2();" value="Call2Functions" /> 

或者，在你的JS像這樣：

document.getElementById('Call2Functions').onclick = function() 
{ 
    func1(); 
    func2(); 
}; 

或者，如果你的onclick程序分配一個，並不能確定是否以前存在的onclick（並且不希望覆蓋它）：

var Call2FunctionsEle = document.getElementById('Call2Functions'), 
    func1 = Call2FunctionsEle.onclick; 

Call2FunctionsEle.onclick = function() 
{ 
    if(typeof func1 === 'function') 
    { 
     func1(); 
    } 
    func2(); 
}; 

如果您需要在元素的範圍內運行的功能，其中，W如點擊，一個簡單的使用申請的可以由：

document.getElementById('Call2Functions').onclick = function() 
{ 
    func1.apply(this, arguments); 
    func2.apply(this, arguments); 
}; 

Answer 3

現代事件處理方法：

element.addEventListener('click', startDragDrop, false); 
element.addEventListener('click', spyOnUser, false); 

第一個參數是事件，二是功能和第三指定是否允許事件冒泡。

從QuirksMode：

W3C的DOM 2級事件規範還得注意傳統模式的問題。它提供了一種簡單的方法來爲一個元素上的同一事件註冊儘可能多的事件處理程序。

W3C事件註冊模式的關鍵是方法addEventListener()。你給它三個參數：事件類型，要執行的函數和布爾（真或假），稍後我會解釋它。要註冊一個元素的onclick我們熟知的doSomething（）函數，你這樣做：

這裏充分的細節：http://www.quirksmode.org/js/events_advanced.html

使用jQuery

，如果你使用jQuery，有事件處理一個很好的API：

$('#myElement').bind('click', function() { doStuff(); }); 
$('#myElement').bind('click', function() { doMoreStuff(); }); 
$('#myElement').bind('click', doEvenMoreStuff); 

全部細節在這裏：http://api.jquery.com/category/events/

Answer 4

<input type="button" onclick="functionA();functionB();" /> 

function functionA() 
{ 

} 

function functionB() 
{ 

} 

Answer 5

嗨，

您也可以像下面......這樣一來，你的這兩個函數應該調用，如果這兩個函數返回true，那麼它將返回true，否則返回假。

<input type="button" 
    onclick="var valFunc1 = func1(); var valFunc2 = func2(); if(valFunc1 == true && valFunc2 ==true) {return true;} else{return false;}" 
    value="Call2Functions" /> 

謝謝 維沙爾帕特爾