單擊圖像時彈出警報。

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 即可左鍵單擊