即興のインターフェイスアラートの箱

Question

利用する場合は、Javascriptの迅速なボックスのようなこと

 var ur_name = prompt("Enter Name");

また、二種類の値の場合:

1. 値が入力したユーザーです。
2. 第二の値はNULLを取ることができますがユーザーのCANCELきたプレス 脱出 鍵があります。右---!

現在の問題は私が直面する:取り扱い方escapeキーを即興のプラグインのJquery リンクテキストをドキュメント

コード走行通常のマシニングセンターユーザーの入力値またはCancelボタン

<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ボタンキーを押しながらイベントがユーザーのプレス 脱出 キー mycallbackform 呼び出されません...

Answer 1

過去に私はいつもcloseOnEscapeオプションを持つユーザーダイアログを提供するために、jQueryUI .dialog機能を使用していました。 （ http://jqueryui.com/demos/dialog/ の）

あなたはあなたの心がjQueryの関数からkeyupを使用して処理し、いくつかのイベントを実装するために、それはかなり簡単なはず即興を使用して設定している場合 -

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