单击图像时弹出警报。

Question

我有一个关于单击图像时如何生成弹出窗口的问题。 我想要一个弹出窗口来发出某种警报。 这是我目前正在使用的 html 代码：

<div>
 <div class="Zipshare">
    <span class ="projectIcons">
      <a href="">
        <img src="images/photostack.png" alt="" />
      </a>
    </span>
    <span class="caption"><h6>Photostack</h6></span>
</div> 

我看过其他描述如何生成警报视图但不知道如何将其链接到图像的帖子。 我正在考虑通过某种 href 链接来做，但无法弄清楚。

任何帮助，将不胜感激！

Answer 1

有很多方法可以做到这一点...这是您的html的一小段内联：

<img src="images/photostack.png" alt="" onclick="alert('you clicked it')" />

Answer 2

只需添加onclick属性

<img src="images/photostack.png" onclick="alert('Hello World')" alt="" />

或使用jQuery：

 $( "#img" ).click(function() { alert( "Hello World jQuery" ); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <img id="img" src="images/photostack.png" alt="" /> 

Answer 3

function pictureRc() {
alert("You right clicked that image!")}

这是我在 js 中使用的 function 和 html 看起来像这样：

<img src="pic.jpg" oncontextmenu="pictureRc()">

因此，当您右键单击时，它会发出警报。 我知道这已经晚了，但对于后来发现此线程的任何人来说，它可能会有所帮助！

只需将 oncontextmenu 更改为 onclick 即可左键单击