使用转义键取消jQueryUI鼠标行为(调整大小,拖动)

时间:2013-11-28 14:29:09

标签: jquery jquery-ui jquery-draggable jquery-resizable

是否可以通过按键取消当前 jQueryUI可调整大小和可拖动的交互?

1 个答案:

答案 0 :(得分: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/