Enter键不关闭jquery对话框

debugcn 发表于 Dev

它说

当我单击确定的jquery窗口关闭时，我有一个jquery对话框。如果有人按下Enter键以关闭jquery对话框，该如何处理。

请是我的代码。

function showDialog(strText,actionUrl,object){
  $( "#dialog:ui-dialog" ).dialog( "destroy" );
  var w = screen.availWidth;
  var h = screen.availHeight;
  var leftPos = (w-350)/1.5, topPos = (h-170)/1.5;

  document.getElementById("validateMsg").innerHTML="<p align='center' style='font-size: 13px;'>"+strText+"</p>";

  $("#validateMsg" ).dialog({
    modal: true,
    autoOpen: false,
    width:350,
    height:170,
    title:"Message",
    dialogClass: "noclose",
    buttons: {
      "Ok": function() {
        // on enter control comes here but window close and re open again but if I click on ok then window close 
        $("#validateMsg").dialog( "close" );
        $("body").css("overflow", "auto");
        $("#validateMsg").dialog('destroy').empty();
        if(actionUrl.length != 0){
        location.href=actionUrl;
      }

      if(object.length != 0){
      object.focus(); 
    }
  }
}

});

     $('body').on('keydown', '#validateMsg', '', function (e) {
                     if (e.keyCode == "13") {
                         $(this).dialog('close');
                     }
                 });

//$.scrollTo(0, 0);

$("#validateMsg").dialog('open');


//   return false;
}

//编辑，如果我删除下面的代码，然后输入可以正常工作，但是我希望焦点重新放在输入文本上

 if(actionUrl.length != 0){
        location.href=actionUrl;
      }

      if(object.length != 0){
      object.focus(); 
    }

在上面的代码中，如何在Enter键上关闭窗口。

比萨问候

基兰拉姆昌德拉（Kiranramchandran）

试试这个

$(function () {
     $('body').on('keydown', '#validateMsg', '', function (e) {
         if (e.keyCode == "13") {
             $(this).dialog('close');
         }
     });
 });

此处演示

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。