插入可点击的图像

Question

我想插入一个可点击的图像，也就是说，如果单击图像的任何部分，它将像按钮元素一样，或者更优选地，运行Javascript脚本。

我正在考虑将图像插入到按钮元素中，但据我所知，这不仅会将整个图像转换为按钮，而是将其插入按钮框中。

如何创建一个可点击的图片，用于提取脚本？

Answer 1

有很多方法可以做到这一点。

<img id="Img" src="img.jpg" />

添加onclick属性：

<img id="Img" src="img.jpg" onclick="myFunction()" />

从脚本添加onclick事件侦听器：

document.getElementById( "Img" ).onclick = function() {
    // img clicked
};

将图片设为按钮背景

<input type="button" style="background: url( img.jpg )" />