插入一個可點擊的圖像

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