從一個按鈕同時執行兩個javascript函數？

<center> 
     <form id="f1"> 
      <textarea name="textcontent" id="styled" cols="40" rows="4"></textarea> 
       <br> 
      <input onclick='JavaScript:xmlhttpPost("/cgi-bin/test.py")' type="button" value="Show" class="blue"/> 
       <br><br> 
      <div id="qList"> 
       <img id="loading_image" src="ajax-loader.gif"/> 
      </div> 
     </form> 
</center>

我想單擊Show按鈕時代碼中顯示的圖像，並將圖像替換爲python文件返回的內容。從一個按鈕同時執行兩個javascript函數？

我知道我可以使用這個腳本onclick="$('#loading_image').show();"，但我怎樣才能讓它們一起執行，以便圖像被其他一些內容所取代？

來源

2013-04-23 Animesh Pandey

呼叫調用這兩個函數的功能。 – 2013-04-23 18:39:46

'onclick =「$（'＃loading_image'）。show（）;」'無法看不見:(一個使用突兀的javascript或使用不顯眼的javascript。您同時使用兩種技術。 – Ejaz 2013-04-23 18:40:13

可能[onclick多個javascript函數]的副本（http://stackoverflow.com/questions/3910736/onclick-multiple-javascript-functions） – 2013-04-23 18:43:10

首先，最好從jQuery中使用addEventListener或.on。

其次，所有你需要做的是有你的處理程序調用這兩個函數：

function handler() { 
    xmlhttpPost("/cgi-bin/test.py"); 
    $('#loading_image').show(); 
}

然後綁定如下：

<input id="myInput" type="button" value="Show" class="blue"/> 

... 

$("#myInput").on("click", handler);

來源

2013-04-23 18:42:39

+1對於不顯眼的JavaScript – War10ck 2013-04-23 18:44:43

我加了這個函數，但是當我打開html頁面時，gif在點擊按鈕之前，圖像仍然出現在按鈕之前！ – 2013-04-23 18:50:01

@AnimeshPandey您需要將圖像設置爲最初隱藏在HTML中的樣式（'visibility：hidden'或'display：none'），否則它會顯示出來。 – 2013-04-23 18:52:11

-1

最好的辦法是：

<input type="button" onclick="manyfunctions()" value="Send" /> 
 
<script src="script.js" type="text/javascript"></script>

周

而且的script.js應該是這樣的：

function manyfunctions() { 
 
    somefunctions() 
 
    anotherfunction() 
 
    //List functions to herre 
 
}

來源

2015-10-25 15:34:52

從一個按鈕同時執行兩個javascript函數？

回答

相關問題