순수 JavaScript 객체 (DOM이 아닌 객체)에서 Keypress 이벤트 시스템을 수행하는 방법

Question

JavaScript 객체 인스턴스가 자체 이벤트를 처리하도록하고 싶습니다. 그래서 저는 이것을 이렇게 구성했습니다.

class Player{ 
constructor(length=2) 
{ 
    this.length=length; 
    this.plHead = new PlayerHead(5,5,"#AA0000"); 
    this.plBody = new PlayerBody(this.plHead.posX,this.plHead.posY, this.length); 
    this.plDir = "xAx"; 
    this.plSpeed =0.25; 
    this.addEventListener("keydown",this.KeyPush); 
} 

//TEMPDATA JUST TO TEST IF THE IDEAR WORKS 
PlMove(dir=0) 
{ 
    switch(dir) 
    { 
     case 0: 
      this.plHead.posX = this.plHead.posX +this.plSpeed; 
     break; 
     case 1: 
      this.plHead.posY = this.plHead.posY -this.plSpeed; 
     break; 
     case 2: 
      this.plHead.posX = this.plHead.posX -this.plSpeed; 
     break; 
     case 3: 
      this.plHead.posY = this.plHead.posY +this.plSpeed; 
     break; 
    } 
} 


//Player keypress 
KeyPush(evt) 
{  
    switch(evt.keyCode) 
    {          
     case 37: 
      this.PlMove(2); 
     break; 
     case 38: 
      document.getElementById("scoreDiv").innerHTML = this.title; 
     break; 
     case 39: 
      this.PlMove(0); 
     break; 
     case 40: 
      this.PlMove(3); 
     break; 
    } 
} 
} 

그러나 this.PlMove가 함수가 아니라는 오류가 표시되었습니다. 다음 추가 연구 후이 사실을 알게되었습니다. 자바 스크립트 클래스 객체가 아니라 DOM 문서를 참조하고 있었다.

이제는 이벤트 리스너를 순수 JavaScript 객체에 배치하는 방법을 찾으려고합니다. 비록 내 자신의 이벤트를 모두 작성해야만하지만 그 중 하나를 수행하는 방법도 없습니다.

Answer 1

단순히

document.addEventListener("keypress", function(event){ 
    console.log(event); 
    var keyName = event.key; 
});