检查空格键是否被按下，并且鼠标与jQuery同时移动？

Question

有没有办法来检查空格键是否同时跟踪鼠标移动的方向和距离等等。

点的这是我想复制Photoshop在您持有空间时如何滚动栏，鼠标左键并移动鼠标，但不必按住鼠标左键。

Answer 1

您可以使用keydown()和keyup()来跟踪空格键是否被按下，并在您的mousemove()事件处理程序中查看该状态。例如：

var space = false; 
$(function() { 
    $(document).keyup(function(evt) { 
    if (evt.keyCode == 32) { 
     space = false; 
    } 
    }).keydown(function(evt) { 
    if (evt.keyCode == 32) { 
     space = true; 
     console.log('space') 
    } 
    }); 
}); 

然后你的mousemove()处理程序可以看到它是否被按下。

Answer 2

您可能需要关注keydown事件，检查是否有空格键，设置变量表示它已关闭，在发现关键事件时取消设置。

因此，当设置该变量指示空格键被按下时，您将查找鼠标移动。

Answer 3

这是我的解决方案：

var allowed = true; 
$(document).ready(
function() { 
    $(document).bind('keydown', 'space', function() { 
     if (!allowed) return; 
     allowed = false; 
     $('#viewport'). 
      dragscrollable(); 
    }); 
    $(document).bind('keyup', 'space', function() { 
     allowed = true; 
     $('#base').off('mousedown'); 
     return false; 
    }); 

}); 

工程与jQuery和Dragscrollable插件。