在ENTER按下Jquery对话框上生成按钮单击事件?

时间:2012-12-07 07:18:01

标签: javascript html jquery-ui jquery-ui-dialog

我在我的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();

2 个答案:

答案 0 :(得分:1)

在对话框输入的onKeyPress事件检查键代码== 13(ENTER键),当到达此代码时,只需单击按钮。

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

答案 1 :(得分:0)

您可以在此代码中使用.click()方法代替.focus():

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

我认为你应该尝试按钮:第一个选择器,因为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();