將 Input 標簽用作按鈕

Question

在我的 HTML 文件中，我使用圖像來表示播放器可以單擊的按鈕。 此按鈕用作加載到游戲中的一種方式。 當用戶單擊它時，我希望網頁運行我的 JavaScript 文件。

目前，輸入標簽是這樣處理的：

<input type="image" src="Images/start.jpg" height='200' width='350' alt='Something went wrong loading the images. Update your Internet plugins and try again.'/>

我檢查了很多網站，但我看到的網站告訴我onclick（我認為我可以使用）只是一個按鈕標簽方面。

我錯了嗎？ 執行我的腳本的最簡單方法是什么？

Answer 1

onclick可以與type="image" 。 您可以這樣做：

HTML：

<input type="image" src="Images/start.jpg" height='200' width='350' alt='Something went wrong loading the images. Update your Internet plugins and try again.' onclick="yourScript();"/>

JS：

function yourScript()
    {
        //your JS here
    }

Answer 2

將點擊處理程序添加到圖像類型的輸入元素中就可以了。

---

演示版

 function INIT() { alert('INITIALIZE GAME'); } function UPDATE() { alert('UPDATE GAME'); } document.getElementById("startGame").addEventListener("click", function() { INIT(); UPDATE(); }); 

 <input type="image" src="https://i.stack.imgur.com/mRsBv.png?s=328&g=1" height='100' width='100' alt='Something went wrong loading the images. Update your Internet plugins and try again.' id="startGame" /> 

Answer 3

如果要在用戶單擊圖像時在Javascript頁面中運行函數，則必須使用以下事件onClick：“ yourfunctionname（）”並編寫以下代碼：

<input type="image" src="Images/start.jpg" height='200' width='350' alt='Something went wrong loading the images. Update your Internet plugins and try again.'onClick:"yourfunctionname()"/>