删除操作前如何优雅地加确认弹窗？
我用原生JS给一个列表的删除按钮加了确认提示，但点“取消”后还是会触发删除，逻辑好像没拦住。是不是confirm()的返回值没处理对？
这是我的HTML结构：
<ul>
<li>
<span>任务1</span>
<button onclick="deleteItem(this)">删除</button>
</li>
</ul>
<script>
function deleteItem(btn) {
confirm('确定要删除吗？');
// 这里直接执行删除逻辑了...
btn.parentElement.remove();
}
</script>- 1
回答
14浏览
删除操作的确认弹窗怎么加过渡动画才不闪屏？
我在做一个后台管理页面，点击删除按钮会弹出确认框。现在用的是直接 display: block/none 切换，但感觉特别生硬，想加个淡入淡出效果。试了 opacity 配合 visibility，但...
- 2
回答
23浏览
点击确认弹窗后怎么阻止删除操作执行？
我在做一个删除功能时遇到问题，给删除按钮绑定了点击事件，用了confirm弹窗确认，但不管点确定还是取消都会执行删除操作。我明明写了if判断，这是哪里出错了？ 代码是这样的： document.que...
- 1
回答
21浏览
点击劫持防护中如何正确实现用户交互确认？
我在做安全加固时，想防止点击劫持，听说需要用户主动交互才能执行敏感操作。但我试了下，在 React 里加了个确认弹窗，结果还是被测试工具绕过了，是不是我理解错了？ 比如下面这个删除按钮，点完还要 co...
- 1
回答
30浏览
Vue二次确认弹窗时表单怎么还是会直接提交？
大家好，我在做一个表单删除操作的二次确认功能，但发现即使弹出confirm对话框，表单还是会直接提交了... 代码是这样的：<form @submit="handleDelete"> &l...
- 2
回答
49浏览
React组件如何防止点击劫持绕过确认弹窗？
我正在给一个删除按钮加确认弹窗，但测试时发现如果页面被嵌入iframe，攻击者仍能通过透明覆盖层触发点击。虽然用了事件冒泡阻止和CSS定位，但效果不好。代码如下： function ConfirmBu...
- 2
回答
82浏览
React表单二次确认弹窗如何有效防止CSRF攻击？
在做用户删除功能时加了二次确认弹窗，但同事说这不能防止CSRF攻击。我用React写了个带确认对话框的组件，代码类似这样： function DeleteButton() { const handle...
- 1
回答
23浏览
前端如何配合实现用户的“被遗忘权”删除请求？
我们有个用户数据管理后台，现在要支持 GDPR 的“被遗忘权”，用户申请删除账号后，除了后端清数据，前端这边是不是也得做些处理？比如清除本地存储、取消订阅之类的。 我试过在注销时加这段清理逻辑： lo...
- 1
回答
19浏览
批量操作时如何正确管理选中状态？
我在做列表的批量删除功能，但选中状态总是同步不上，点全选后有些项没反应。 我用的是React的useState来存选中的ID数组，但更新的时候好像有状态滞后的问题。比如下面这段代码： const [s...
- 2
回答
28浏览
Confirm弹窗点击取消为啥还会执行后续操作？
我在用原生JS写一个删除确认逻辑，点了“取消”按钮，结果后面的删除代码还是执行了，这不应该啊？ 我试过用 if (confirm(...)) { ... } 包裹，但好像没起作用，是不是我哪里理解错了...
- 2
回答
25浏览
二次确认弹窗怎么阻止默认提交行为？
我在做一个表单删除功能，点了删除按钮后想弹出二次确认，用户点“确定”才真的提交。但不管我怎么写，confirm 弹窗一出来，表单就直接提交了，根本没等我点确认。 我试过在按钮的 onclick 里加 ...
这样只有点了确定才会执行删除逻辑。点了取消啥也不做，逻辑就对了。别忘了测试一下确保没问题。