警报框的即兴插件答案

【问题标题】：Impromptu plugin for Alert Boxes警报框的即兴插件
【发布时间】：2009-11-06 14:31:39
【问题描述】：

当我们使用 Javascript 提示框时像这样

 var ur_name = prompt("Enter Name");

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

用户输入的值。
当用户按下 CANCEL 或按下 ESCAPE 键时，第二个 VALUE 可以为 NULL。对……！

现在我面临的问题是：如何在 Jquery link text 的即兴插件中处理转义键

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

<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 将不会被调用...

【问题讨论】：

标签： jquery jquery-plugins jquery-events

【解决方案1】：

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

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

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

【讨论】：