Question

当我们使用Javascript promt Box这样的东西时

 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>

在这种情况下导致我获取取消或按下OK键按下事件，但当用户按ESCAPE键 mycallbackform 时将不会被调用...

Answer 1

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

如果您已经开始使用即兴功能，那么使用jQuery函数键盘实现一些事件处理应该相当容易 -

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

Alert Boxes的即兴插件

1 个答案: