input type =「image」and input type =「button」to draw in html5 canvas，the button is working，but I need the image to working

Hello 我需要做的是當我點擊畫布外的圖像時調用一個javascript函數在HTML5畫布上繪製一些東西。input type =「image」and input type =「button」to draw in html5 canvas，the button is working，but I need the image to working

當我使用一個按鈕來做到這一點，它工作正常

<input type="button" id="xxx" onclick="draw()"/>

但是當我使用的圖像

<input type="image" id="xxx" onclick="draw()" src="file/sw1.gif"/>

的問題是，當我點擊圖像它會打開一個新頁面的東西看起來像 index.html?x=89&y=8 問題是我怎樣才能使圖像行爲就像按鈕，而無需打開新的頁面？謝謝

來源

2011-04-16 wisam

更好地使用不透明度爲0的圖像和絕對定位輸入 – 2013-07-24 19:03:23

只需使用<img>標記代替圖像輸入，因爲這不是它的目的。

來源

2011-04-16 12:40:18 Delta

你當然可以使用圖像按鈕在onclick事件上執行Javascript。我認爲關鍵是要從form元素中刪除action和id屬性。這（誠然簡單）的代碼工作正常：

<!DOCTYPE html> 
<html> 
    <body> 
     <form> 
      <input type="image" value="Submit" onclick="doSomething();" src="html5.png"> 
     </form> 
     <script> 
      function doSomething() 
      { 
       alert("hi mom"); 
      } 
     </script> 
    </body> 
</html>

測試與FF 5時，Chrome 12，Safari 5的，和（哇！）IE 9（Win7上）。

來源

2011-07-28 20:09:19

input type =「image」and input type =「button」to draw in html5 canvas，the button is working，but I need the image to working

回答

相關問題