檢查空格鍵是否被按下，並且鼠標與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插件。