使用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

在image类型的输入元素中添加一个点击处理程序就可以了。

---

Demo

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" />