jquery - JQueryダイアログのイベントでESCをキャッチする方法は?

Question

JQueryダイアログでESCキーのカスタムハンドラを持つことは可能ですか?

Answer 1

はい、可能です。

closeOnEscapeオプションを設定し、ダイアログのハンドラー内の要素に独自のハンドラーfalseを登録します。keydown.ui-dialogdialogcreate

$(element).dialog({
    create: function() {
       $(this).closest('.ui-dialog').on('keydown', function(ev) {
           if (ev.keyCode === $.ui.keyCode.ESCAPE) {
               ...
           }
       });
       ...
    },
    closeOnEscape: false,
    ...
});

http://jsfiddle.net/alnitak/EbnZrを参照してください。

Answer 2

$(selector-for-dialog).keyup(function(e) {
    // ESC key
    if ( e.keyCode === 27 ) {
        // custom action
    }
});