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

Question

当用户点击"删除数据"按钮时,我正在显示一个JavaScript确认框.我正在显示它,如下图所示:

在图像中,默认选择"确定"按钮.我想默认选择"取消"按钮,这样如果用户意外按下该enter键,记录将是安全的,不会被删除.

在JavaScript中有没有办法默认选择"取消"按钮？

Answer 1

你不能这样做,但你可以使用/编写你自己的对话框,使用DOM元素显示(如凤凰建议,它不一定是那个特定的jQuery插件,你可以自己编写或使用另一个插件JS框架).

"使用jQuery +插件X"的答案开始变得烦人.有很多JS库,还有更多的插件.例如,如果您只想显示自定义对话框,则不需要使用任何JS库.虽然这是一个快速的解决方案/答案,但从长远来看,这样的答案会带来更大的伤害.初学JavaScript或编程的人开始认为jQuery和/或插件是唯一的方法,他们包括50kb +库只是为了编写自己的3行(有时甚至不使用库:D).

在我看来,马库斯约翰逊评论是最好的答案,遗憾的是它没有作为一个发布.

Answer 2

如果你可以使用jQuery插件,那么这里是一个很好的插件

jQuery Impromptu

要更改默认的焦点按钮:

$.prompt('Example 4',{ buttons: { Ok: true, Cancel: false }, focus: 1 });

Answer 3

我认为你不能这样做.

但是,您肯定会让用户更难以"同意"确认,例如强制用户在输入框中键入"y":

agree = (prompt("Type 'y' to accept", '') == 'y');