首页 > 精选要闻 > 精选百科 >

🌟js简单实现弹出确认取消对话框💬

发布时间:2025-04-08 20:44:37来源:

日常开发中,我们经常需要给用户一个选择的机会,比如“确定删除?”或“是否保存更改?”这时候就需要一个简单的弹窗来完成任务啦!下面教大家用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,则表示点了“确定”;反之则是“取消”。👀

掌握这个技巧后,你的网页交互会更加人性化哦!🎉

免责声明:本文为转载,非本网原创内容,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。