我想在单击删除时收到确认消息（这可能是按钮或图像）。如果用户选择“ Ok”，则删除完成，否则，如果Cancel单击“ ”，则什么也不会发生。
我尝试在单击按钮时回显这一点，但回显内容会使我的输入框和文本框失去其样式和设计。
如何在删除前显示确认消息？
IT技术
javascript
html
2021-01-30 20:36:02
6个回答
onclick在按钮事件中写这个：
var result = confirm("Want to delete?");
if (result) {
//Logic to delete the item
}
你可以更好地使用如下
<a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>
这就是使用不显眼的 JavaScript 和 HTML 中保存的确认消息的方法。
<a href="/delete" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>
这是纯香草 JS，与 IE 9+ 兼容：
var deleteLinks = document.querySelectorAll('.delete');
for (var i = 0; i < deleteLinks.length; i++) {
deleteLinks[i].addEventListener('click', function(event) {
event.preventDefault();
var choice = confirm(this.getAttribute('data-confirm'));
if (choice) {
window.location.href = this.getAttribute('href');
}
});
}
看到它在行动：http : //codepen.io/anon/pen/NqdKZq
function ConfirmDelete()
{
return confirm("Are you sure you want to delete?");
}
<input type="button" onclick="ConfirmDelete()">
这是非常简单的一行代码
<a href="#" title="delete" class="delete" onclick="return confirm('Are you sure you want to delete this item')">Delete</a>