jquery - 警报框的即兴插件

Question

当我们使用 Javascript 提示框时，类似这样

 var ur_name = prompt("Enter Name");

在这种情况下，我们将有两种类型的值：

1. 用户输入的值。
2. 当用户按下 CANCEL 或按下ESCAPEKey 时，第二个 VALUE 可以为 NULL。对...！

现在我面临的问题是：如何在 Jquery链接文本的即兴插件中处理转义键

代码运行完美当用户输入一些值或按下取消按钮时

<script type='text/javascript'>
function test()
 {
var txt = 'Please enter your name:<br /> <input type="text" id="alertName" name="alertName" value="name here" />';

 $.prompt(txt,{
callback: mycallbackform,
buttons: { OK: 'Hello', Cancel: 'Good Bye' }
  });
}

 function mycallbackform(v,m,f){
  if(v=="Hello")     
   $.prompt("Stack Over flow User:"+' ' + f.alertName);
  }
 </script>

因为在这种情况下，我收到取消或确定按钮按键事件，但是当用户ESCAPE按键时mycallbackform不会被调用......

Answer 1

过去我一直使用 jQueryUI .dialog 函数来提供具有closeOnEscape选项的用户对话框。( http://jqueryui.com/demos/dialog/ )

如果您决定使用即兴演奏，那么使用 jQuery 函数 keyup 实现一些事件处理应该相当容易 -

$(document).keyup(function(event){
    if (event.keyCode == 27) {
        $(".prompt").hide();
    }
});