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/