a-tag删除按钮事件
时间: 2023-08-04 11:02:49 浏览: 87
如果您需要将一个 a 标签作为删除按钮使用,可以使用以下代码:
HTML 代码:
```html
<a href="#" class="delete-link">删除</a>
```
JavaScript 代码:
```javascript
var deleteLinks = document.querySelectorAll(".delete-link");
for (var i = 0; i < deleteLinks.length; i++) {
deleteLinks[i].addEventListener("click", function(event) {
event.preventDefault(); // 阻止默认行为,即跳转到 href 属性指定的链接
var confirmDelete = confirm("确定删除吗?"); // 弹出确认对话框
if (confirmDelete) {
// 在这里添加您的删除代码
}
});
}
```
在事件监听器中,首先使用 `event.preventDefault()` 阻止 a 标签的默认行为,即跳转到 `href` 属性指定的链接。然后弹出确认对话框,询问用户是否确认删除。如果用户点击了“确定”按钮,就可以在事件监听器中添加您的删除代码。此外,我们使用了 `document.querySelectorAll(".delete-link")` 来选取所有 class 属性为 "delete-link" 的 a 标签,再使用 for 循环为每个 a 标签添加事件监听器。
阅读全文