我想插入一个可点击的图像,也就是说,如果图像的任何部分被点击,它要么像一个按钮元素,或者更好的是,运行一个JavaScript脚本。我正在考虑将图像插入到按钮元素中,但据我所知,这不仅仅是将整个图像插入到按钮中,而是将其插入到按钮框中。我如何制作一个可点击的图像,它可以调出一个脚本?
lhcgjxsq1#
有很多方法可以做到这一点。
<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 )" />
rqdpfwrv2#
最好的方法是使用onClick属性或添加事件侦听器,但我个人喜欢使用锚标签:
<a href = "#" ><img src = "#" ></a>
2条答案
按热度按时间lhcgjxsq1#
有很多方法可以做到这一点。
添加onclick属性:
从脚本添加onclick事件监听器:
将图像作为按钮背景
rqdpfwrv2#
最好的方法是使用onClick属性或添加事件侦听器,但我个人喜欢使用锚标签: