如何在JQuery Dialog中捕获ESC事件？

Question

是否可以在JQuery对话框上为ESC键设置自定义处理程序？

Answer 1

是的，这是可能的。

将closeOnEscape选项设置为false，并在对话框的keydown处理程序中的.ui-dialog元素上注册您自己的dialogcreate处理程序。

$(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

我用另一种方式：

$(element).dialog({

    beforeClose: function(event) {
        if (event.keyCode === $.ui.keyCode.ESCAPE) {
            // ...
            return false;
        }
    }

});

Answer 3

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