Onkeypress가 키와 함께 작동하지 않습니다.

Question

이 이벤트가 작동하지 않는 이유를 이해할 수 없습니다. "P"는 내 객체와의 onclick이 이벤트 일이다 그러나 결코 때 onKeyPress으로, onKeyDown에 등 ...

<rect width="20" height="100" x="900" y="195" onkeypress="p.moverpala(evt)" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> 


    moverpala(evt) { 
    this.x = evt.keyCode; 
    if (this.x == 37) { 
     console.log("You pressed the left arrow!"); 
    } 
} 

Answer 1

당신이 당신의 HTML 요소까지 버블 링 이벤트를 방지하지 않는 경우, 당신은 필요 같은데요 onkeypress 이벤트를 받기 전에 요소를 먼저 집중시킵니다.

다른 방법으로 문서 요소에 keypress 이벤트를 등록 할 수 있습니다.