Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Esc取消拖动事件jquery拖动_Javascript_Jquery_Drag_Onkeypress - Fatal编程技术网

Javascript Esc取消拖动事件jquery拖动

Javascript Esc取消拖动事件jquery拖动,javascript,jquery,drag,onkeypress,Javascript,Jquery,Drag,Onkeypress,我正在使用 有时用户意外地开始拖动或出于任何其他原因想要取消拖动,如何实现这一点 标准做法是用户可以按esc键 如何使用esc键取消拖动?您可以将事件附加到页面以侦听esc键,然后手动触发拖动事件 var ESCAPE_KEYCODE = 27; var dragEl = $('.draggable').drag(function( ev, dd ){ // do stuff }); $(document).on('keyup', function(e) { if (e.keyCo

我正在使用

有时用户意外地开始拖动或出于任何其他原因想要取消拖动,如何实现这一点

标准做法是用户可以按esc键


如何使用esc键取消拖动?

您可以将事件附加到页面以侦听esc键,然后手动触发
拖动事件

var ESCAPE_KEYCODE = 27;
var dragEl = $('.draggable').drag(function( ev, dd ){
  // do stuff
});

$(document).on('keyup', function(e) {
    if (e.keyCode === ESCAPE_KEYCODE) {
         $(dragEl).trigger('dragend');
    }
});