jquery - jQueryUI のマウス動作 (サイズ変更、ドラッグ) をエスケープ キーでキャンセルする

Question

キーを押すと、現在のjQueryUIのサイズ変更可能およびドラッグ可能な相互作用をキャンセルすることは可能ですか?

Answer 1

はい、可能です。ドキュメントのエスケープキーをチェックして、ドラッグ可能な機能を無効にすることができます。

コード：

$(document).ready(function() {
    $('.popup_click').draggable();
 }); 

$(document).keyup(function(e) {
  if (e.keyCode == 27) {  
      $('.popup_click').draggable( 'disable' ).addClass('disabled');
  }   
});

デモ: http://jsfiddle.net/IrvinDominin/7L2FY/

編集

ドラッグを停止するには、次のコマンドを実行できますmouseup:

$(document).keyup(function(e) {
  if (e.keyCode == 27) {  
      $( '.popup_click' ).trigger( 'mouseup' );
  }   
});

デモ: http://jsfiddle.net/IrvinDominin/7L2FY/1/