时间戳

首页 > 解决方案 > 如何在js中进行多次删除？

javascript - 如何在js中进行多次删除？

问题描述

我想在删除帐户之前得到确认。我该怎么做？

这是帐户 UI 的图片。 在此处输入图像描述

这是html代码。

<a href="uses_script.php?user_id=<?php echo $row['id'];?>&username=<?php echo $_SESSION['user_username']; ?>" 
                      id = "del"
                      data-toggle="tooltip" 
                      data-placement="top" 
                      title="Delete"> 
                      <i class="mdi mdi-close"></i></a>

这是javascript。

const deleteIcon = document.querySelectorAll("del");
deleteIcon.addEventListener("click", (e) => {
  const confirmVar = confirm("Do you want to proceed? ");
  if (!confirmVar) e.preventDefault();
}

我想要做的是在删除用户之前我想要确认当我单击确定时它将删除，当我单击取消时它将关闭。

标签： javascripthtmldom

解决方案

这可能是正确的代码。

const deleteIcon = document.querySelectorAll("#del");
deleteIcon.forEach ((element) => {
  element.addEventListener("click", (e)=>{  
  const confirmVar = confirm("Do you want to proceed?");
  if (!confirmVar){ e.preventDefault();}})
})

我已经遍历按钮为每个按钮添加事件侦听器，并且我还添加了e参数以便它识别事件。

注意： addEventListener不适用于元素集合。您将不得不遍历每个元素。

推荐阅读