스페이스 바 또는 화살표 키 입력시 Javascript (KineticJs 사용)로 이벤트를 발생시키는 방법

Question

스페이스 바를 클릭하거나 화살표 키를 누르면 자바 스크립트에서 이벤트를 발생시키는 방법은 무엇입니까? 내 프레임 워크로 kineticjs를 사용하고 있는데, 이것은 일반 자바 스크립트에서 수행 할 수 있기 때문에 관련이 없을 수도 있습니다. 감사!

Answer 1

KineticJS 키보드 이벤트를 처리하지 않습니다와 나는 운동은 HTML5 캔버스 자바 스크립트 프레임 워크로 사용되는로 한 날이 될 것입니다 생각하지 않습니다.

그러나 KineticJS는 필요한 것을 제공 할 수있는 JQuery와 호환됩니다.

$(document).keydown(function(event){ 

     console.log("key index : " + event.which); 

     if (event.which == 38) {   //UP                
      console.log("Up"); 
      event.preventDefault(); 
     } else if (event.which == 37) { //LEFT                
      console.log("Left"); 
      event.preventDefault(); 
     } else if (event.which == 39) { //RIGHT                
      console.log("Right"); 
      event.preventDefault(); 
     } else if (event.which == 40) { //DOWN                
      console.log("Right"); 
      event.preventDefault(); 
     } 
} 

그것은 당신을 도울 것입니다 희망 : 여기

은 예입니다.

xavier

Answer 2

KineticJS는 키보드 이벤트를 처리하지 않습니다. 당신은 바닐라 자바 ​​스크립트로 할 수 있지만 조금 지루할 수 있습니다. 밖에서 몇 가지 훌륭한 라이브러리가 당신을 위해 그것을 돌볼 수있다, 나는 큰 효과에 KeyboardJS을 사용하고 있습니다.

빠른 예 :

KeyboardJS.on("ctrl + c", function() { 
    if (selectedNode) { 
    tempNode = selectedNode.clone(); 
    } 
});