Отмена поведения мыши jQueryUI (изменение размера, перетаскивание) с помощью клавиши escape

Question

Можно ли отменить текущее jQueryUI изменение размера и перетаскиваемое взаимодействие с нажатием клавиши?

Answer 1

Да, это возможно. Вы можете установить клавишу "escape" на документе и отключить функцию перетаскивания.

Код:

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