javascript 插入可点击图像

arknldoa  于 2023-09-29  发布在  Java
关注(0)|答案(2)|浏览(106)

我想插入一个可点击的图像,也就是说,如果图像的任何部分被点击,它要么像一个按钮元素,或者更好的是,运行一个JavaScript脚本。
我正在考虑将图像插入到按钮元素中,但据我所知,这不仅仅是将整个图像插入到按钮中,而是将其插入到按钮框中。
我如何制作一个可点击的图像,它可以调出一个脚本?

lhcgjxsq

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

rqdpfwrv2#

最好的方法是使用onClick属性或添加事件侦听器,但我个人喜欢使用锚标签:

<a href = "#" ><img src = "#" ></a>

相关问题