Question

我需要在我们的网页上点击图标，然后会出现一个对话框以确认操作。单击是某些方法将开始工作，一些存储过程将工作等等...

但遗憾的是我到目前为止只有这个

<img src="../../../img/Edit_Icon.png">

当我搜索它时，大多数结果都是关于桌面应用程序的。我是在寻找错误的错误还是在错误的轨道上？

Answer 1

简单......有两个选择：

用img标记包裹a。

<a href="javascript:myFunction();"/> <img src="../../../img/Edit_Icon.png" /> </a>

或在图像上添加onclick事件

<img src="../../../img/Edit_Icon.png" onclick="myFunction()" />

对于后一个选项，我会添加一个样式来将光标更改为＆＃34; hand＆＃34;为了帮助用户理解＆＃34;这是一个可点击的图像＆＃34;

<img src="../../../img/Edit_Icon.png" onclick="myFunction()" style="cursor: pointer;" />

JS CODE：

function myFunction(){
    var r = confirm("Press a button");
    if (r == true) {
        //your code to run
    } else {
        //code to run if cancel;
    }

Live Example on w3schools

<强>另外：
如果你想要比浏览器的原生对话框更性感的东西，你可以使用图书馆......
例如jQuery confirm.js

Answer 2

试试这个

<a href="#" id="pop"><img src="../../../img/Edit_Icon.png">Click Me</a>

JS代码：

$("#pop").on("click", function() {  
   //do something here 
});

单击图像可显示对话框

2 个答案: