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 이벤트를보고, 스페이스 바를 확인하고, 작동 중지되었다는 것을 나타내는 변수를 설정하고, keyup 이벤트가 표시 될 때 설정을 해제해야합니다.

그렇다면 스페이스 바를 눌렀 음을 나타내는 변수가 설정되었을 때 마우스 움직임을 찾습니다. jQuery를하고 Dragscrollable 플러그인과

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; 
    }); 

}); 

작품 :

Answer 3

이 내 솔루션입니다.