触发javascript警报的图像映射按钮

an image mapped button firing a javascript alert

本文关键字：图像 映射 按钮 javascript 触发      更新时间：2023-09-26

我有一个包含按钮图形的大图像。我不希望整个图像是可点击的，只是按钮图形。

当用户单击该按钮时，必须触发一条javascript警报消息。这可以使用javascript和图像映射来完成吗？

谢谢！

当然，您也可以构建一个与图像大小相同的div，并在其中放置一个可点击的区域：

<div style="background: url(path/to/image.jpg); height: 200px; padding: 50px 0pt 0pt 50px;">
  <a onClick="alert('Button Clicked!');" href="#">
    <div style="height: 20px; width: 30px;"></div>
  </a>
</div>

可行

您可以将按钮隐藏在图像下，在定位时可能会遇到一些麻烦

相关文章：