JavaScript:如何在确认框中默认选择 "Cancel"？

Question

当用户点击“删除数据”按钮时，我会显示一个 JavaScript 确认框。我正在显示它，如下图所示:

图中，“确定”按钮默认处于选中状态。我想默认选择“取消”按钮，这样如果用户不小心按了enter键，记录是安全的，不会被删除。

在 JavaScript 中有什么方法可以默认选择“取消”按钮吗？

Answer 1

你不能那样做，但你可以使用/编写你自己的对话框，它使用 DOM 元素显示(就像 phoenix 建议的那样，它不必是那个特定的 jQuery 插件，你可以自己编写或使用来自另一个 JS 框架的插件)。

“使用 jQuery + 插件 X”的答案开始变得烦人了。那里有很多 JS 库，甚至还有更多插件。例如，如果您只想显示自定义对话框，则无需在此处使用任何 JS 库。虽然这是一个快速的解决方案/答案，但从长远来看，这样的答案弊大于利。刚接触 JavaScript 或编程的人通常开始认为 jQuery 和/或插件是唯一的出路，他们包含 50kb+ 库只是为了自己编写 3 行代码(有时甚至不使用库 :D)。

在我看来，Markus Johnsson 的评论是最好的答案，遗憾的是它没有作为一个评论发布。