🌟js简单实现弹出确认取消对话框💬
日常开发中,我们经常需要给用户一个选择的机会,比如“确定删除?”或“是否保存更改?”这时候就需要一个简单的弹窗来完成任务啦!下面教大家用JavaScript轻松搞定这个功能👇:
```javascript
function confirmDialog(message, onConfirm, onCancel) {
const dialog = window.confirm(message);
if (dialog) {
onConfirm && onConfirm();
} else {
onCancel && onCancel();
}
}
```
调用时这样写:
```javascript
confirmDialog("你确定要这样做吗?", () => {
console.log("用户点击了确定!");
}, () => {
console.log("用户点击了取消!");
});
```
细心的朋友可能会问:“那如何区分用户点了‘确定’还是‘取消’呢?”答案就在代码里!通过`window.confirm()`返回值即可判断。如果返回true,则表示点了“确定”;反之则是“取消”。👀
掌握这个技巧后,你的网页交互会更加人性化哦!🎉
免责声明:本文为转载,非本网原创内容,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。