ctrl 上的可拖动元素

Question

如何让元素只有在按下 CTRL 键时才可拖动？ 我尝试阅读 documentation，但似乎没有这样的选项。

Answer 1

$(document).ready(function(){
   $("#draggable").draggable();
   $("#draggable").draggable("disable");
   $(window).keydown(function(e) {
       if(e.keyCode == 17) {
            $("#draggable").draggable("enable");
       }
   }).keyup(function(e){
       if(e.keyCode == 17) {
           $("#draggable").draggable("disable");
       }
   });
});

这行得通。当你放开控制，你就不能再移动了。

JSFiddle：http://jsfiddle.net/1wjbnqm2/

Answer 2

我有一个 fiddle 显示我的解决方案：

var box_dragOps = { 
        start : box_start_drag,
        drag  : box_dragging,
        stop : box_stop_drag
    };

$('#box').draggable(box_dragOps);


function box_start_drag(e, ui) {
    if(!e.ctrlKey)
        return false;
}

function box_dragging(e,ui) {

}

function box_stop_drag(e, ui) {

}