时间戳

首页 > 解决方案 > 我可以在单击图标时显示确认信息吗？

javascript - 我可以在单击图标时显示确认信息吗？

问题描述

当一个人点击图标（i 标签）时，我想显示一个确认弹出窗口。该图标是删除图标，所以一旦用户点击它，我想显示确认是否有人真的想删除数据。一旦确认，我想进一步进行。

<td>
    <a
        href="source.php?admin_id=<?php echo $row['id'];?>&username=<?php echo $_SESSION['admin_username']; ?>"
        data-toggle="tooltip"
        data-placement="top"
        title="Delete"
    >
        {" "}
        <i id="Del" class="mdi mdi-close"></i>{" "}
    </a>
</td>

标签： javascriptphp

解决方案

您可以使用confirm具有 2 个选项的窗口警报功能 -ok和cancel. 我们可以使用if语句检查单击的内容。如果ok被单击，则函数返回，true否则返回false。

因此，您可以复制此 javascript 代码 -

const deleteIcon = document.getElementById("del");
deleteIcon.addEventListener("click",() => { 
   const confirmVar = confirm("Do you want to proceed? ");
   if(confirmVar){
        //stuff that happens after pressing ok
   }else{
        //stuff that happens after pressing cancel
   }
})

希望它有帮助！

推荐阅读