jquery-ui Dialog:使对话框中的按钮成为默认操作(Enter 键)

2022-01-17 00:00:00 modal-dialog jquery javascript jquery-ui

在 jquery 模态对话框中,有没有办法选择一个按钮作为默认操作(用户按下回车时执行的操作)?

In a jquery modal dialog, is there a way to select a button as the default action (action to execute when the user presses enter)?

jquery 网站示例:jquery 对话框模式消息

Example of jquery web site: jquery dialog modal message

在上面的示例中,当用户按下 Esc 时对话框关闭.我希望在用户按下 Enter 时调用确定"按钮操作.

In the example above the dialog closes when the user presses Esc. I would like the "Ok" button action to be called when the user presses Enter.

推荐答案

在你的对话框的打开函数中,你可以聚焦按钮:

In your dialog's open function, you can focus the button:

$("#myDialog").dialog({
    open: function() {
      $(this).parents('.ui-dialog-buttonpane button:eq(0)').focus(); 
    }
});

如果 :eq(0) 位于不同的索引处,则更改它,或者按名称查找等.

Change the :eq(0) if it's at a different index, or find by name, etc.

相关文章