xdialog提供了一个简单的API xdialog.conf（）。代码片段如下。更多演示可在此处找到

document.getElementById（'test'）.addEventListener（'click'，test）；函数测试（）{xdialog.conf（'确定吗？'，function（）{//如果选择“确定”/“是”，请在此处工作。。。console.info（'Done！'）；}, {style:'宽度：420px；字体大小：0.8rem；'，按钮：{ok：'是文本'，cancel:'无文本'},oncancel:function（）{console.warn（'已取消！'）；}});}<link href=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.css“rel=”stylesheet“/><script src=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.js“></script><button id=“test”>测试</button>

xdialog提供了一个简单的API xdialog.conf（）。代码片段如下。更多演示可在此处找到

document.getElementById（'test'）.addEventListener（'click'，test）；函数测试（）{xdialog.conf（'确定吗？'，function（）{//如果选择“确定”/“是”，请在此处工作。。。console.info（'Done！'）；}, {style:'宽度：420px；字体大小：0.8rem；'，按钮：{ok：'是文本'，cancel:'无文本'},oncancel:function（）{console.warn（'已取消！'）；}});}<link href=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.css“rel=”stylesheet“/><script src=“https://cdn.jsdelivr.net/gh/xxjapp/xdialog@3/xdialog.min.js“></script><button id=“test”>测试</button>

您可以使用JavaScript拦截onSubmit事件。

然后调用确认警报，然后获取结果。

var answer = window.confirm("Save data?");
if (answer) {
    //some code
}
else {
    //some code
}

使用window.conf而不是alert。这是实现该功能的最简单方法。

我目前正在开发一个web工作流，它已经有了自己的通知/对话框，我最近（比如今天）创建了一个小型的自定义（并根据项目需要定制）是/否对话框。

所有对话框都显示在模态图层上。需要用户充分注意。

我以这种方式定义选项配置。此选项用于定义按钮文本，以及单击时与每个按钮关联的值：

optionsConfig = [
   { text: 'Yes', value: true },
   { text: 'No', value: false }
]

函数的用法如下：

const answer = await notifier.showDialog('choose an option', options.config);
if (answer) {
   // 'Yes' was clicked
} else {
   // 'No' was clicked!
}

我所做的只是为每个选项创建一个异步事件处理程序，这意味着每个按钮都有一个简单的处理程序。每个处理程序都返回选项的值。处理程序被推入数组中。然后将数组传递给Promise.rece，这是showDialog方法的返回值，它将对应于值的实际值（由处理程序返回的值）。

无法提供太多代码。正如我所说，这是一个非常具体的案例，但这个想法可能对其他实现有用。大约二十行代码。

或者简单地：

<a href="https://some-link.com/" onclick="return confirm('Are you sure you want to go to that link?');">click me!</a>