Keydown 및 keyup 이벤트 리스너가 올바르게 작동합니다.

Question

누군가가 키를 누를 때 감지 할 코드가 있습니다. 코드를 놓으면 키를 누르는 코드가 코드에서 삭제됩니다. 온라인에서 찾은 정보를 사용하여 몇 가지 코드를 작성하려고했습니다. 는 여기에 지금까지이 작업은 다음과 같습니다

var down = {}; 
    document.addEventListener("keydown", function(evt) { 
     down[evt.keyCode] = true; 
     console.log(down) 
    }); 
    document.addEventListener("keyup", function(evt) { 
     delete down[evt.keyCode]; 
    }); 
var p = 0 
if (down(65) == 65 && p - 1 >= 0) { 
     p -= 1; 
    } 
    if (down(65) == 68 && p + 1 <= 9) { 
     p += 1; 
    } 

콘솔가를 말하는 것은 함수가 아닙니다 유지합니다. 키 코드를 읽는 방법은 무엇입니까?뿐만 아니라 키를 들어 올린 후 키 코드 인스턴스를 삭제하는 방법은 무엇입니까?

Answer 1

귀하의 down 값에 올바르게 액세스하고 있지 않습니다.

var down = {}; 
 

 
document.addEventListener("keydown", function(evt) { 
 
    down[evt.keyCode] = true; 
 
    console.log(down) 
 
}); 
 

 
document.addEventListener("keyup", function(evt) { 
 
    delete down[evt.keyCode]; 
 
}); 
 

 
var p = 0; 
 

 
if (down[65] === 65 && p - 1 >= 0) { 
 
    p -= 1; 
 
} 
 
if (down[65] == 68 && p + 1 <= 9) { 
 
    p += 1; 
 
}

Answer 2

그것은 down['65']하지 down(65)의 : 오브젝트로, 브래킷 또는 점 표기법 길을 가야하는 것입니다.

down['65'] 비교하기 전에 존재하는 경우 또한 테스트해야합니다 :

if (down['65'] && down['65'] == 65 && p - 1 >= 0) { 
    p -= 1; 
} 
if (down['65'] && down['65'] == 68 && p + 1 <= 9) { 
    p += 1; 
} 

Answer 3

그냥 아래로 변경 (65) 아래로 [65]이 값의 얻을 수 있습니다.

down(65) '다운 불리는 어레이의 인덱스 (65)의 값에 액세스하는 기능

down[65]로 다운 호출