输入键不关闭 jquery 对话框答案

【问题标题】：Enter key do not close jquery dialog box输入键不关闭 jquery 对话框
【发布时间】：2014-05-19 07:13:25
【问题描述】：

当我点击 Ok jquery window close 时，我有一个 jquery 对话框，但是当我点击 enter jquery window close 并再次重新打开时。如果有人敲回车关闭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(); 
    }

如何在上述代码中按回车键关闭窗口。

问候，Pise

【问题讨论】：

请提供一个jsfiddle
@CodingAnt 对不起，我是 jquery 的新手，并且看过 jsfiddle 网站，我们可以在其中测试我们的代码，但为什么要提供 jsfiddle。

标签： jquery

【解决方案1】：

试试这个

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

DEMO HERE

【讨论】：

我收到以下错误 TypeError: $(...).on is not a function 而我的代码是 ` $( document ).ready(function() { $('body').on ('keydown', '#validateMsg', '', function (e) { if (e.keyCode == "13") { $(this).dialog('close'); } }); }); `
我遇到了同样的错误，我已经更新了代码。请查看更新的代码。 TypeError: $(...).on 不是函数
object.focus();调用 keyup 函数，然后它再次调用 jquery 对话框，它进入无限循环。所以现在我必须阻止 focus() 上的 keyup 功能，然后我的问题就会得到解决

【解决方案2】：

此解决方案也有效：

$('.my-dialog').on('keypress', function(e) {
  if (e.keyCode == $.ui.keyCode.ENTER) {
    $('.my-dialog').dialog("close");
  }
});

【讨论】：