javascript - 在 ENTER Press 上的 Jquery 对话框上生成按钮单击事件？

Question

我的 jsp 中有以下函数，它创建并打开对话框。此 dalog 中有文本框。我想要的是当我进入这个对话框时 CreateCustomer 按钮应该被舔

function createCustomerDialog(){
    $("#createCustomerDialog").dialog( {
        title :  ""Create Customer,
           buttons : {
          'CreateCustomer' : function() {

         },
          'Cancel': function() {
                $( this ).dialog( "close" );
            }
        }
      });
      $("#createCustomerDialog").dialog("open");

}

我试过这个但没有工作

 $('.ui-dialog-buttonpane > button:last').focus();

Answer 1

在对话框输入的 onKeyPress 事件中检查 keycode == 13（ENTER 键），当到达此代码时，只需单击您的按钮。

$("#yourInputId").keypress(function (e) {
    if (e.keyCode == 13)
        $("#yourButtonId").click();
});

Answer 2

也许你应该在这段代码中使用 .click() 方法而不是 .focus() ：

 $('.ui-dialog-buttonpane > button:last').focus();

而且我认为您应该尝试 button:first 选择器，因为 CreateCustomer 按钮将首先出现。

$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Delete all items": function() {
                    $( this ).dialog( "close" );
            alert('Delete all items clicked');
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
            alert('Cancel clicked');
                }
            }
        });

在浏览器控制台中试试这个：

$('.ui-dialog-buttonpane button:first').click();