JavaScript는 동시에 누른 여러 키를 어떻게 감지할 수 있습니까?

JavaScript를 사용하여 여러 키를 동시에 눌렀는지 감지하는 방법

문제 설명

여러 키를 동시에 누르면 게임 엔진에서 다음과 같은 문제가 발생할 수 있습니다. 키 감지 문제. 예를 들어 스페이스바를 눌러 점프하고 오른쪽 화살표 키를 눌러 오른쪽으로 이동하면 점프 후 캐릭터의 움직임이 멈출 수 있습니다. 이는 키 누름을 감지하는 데 사용되는 keydown 함수가 여러 개의 동시 키 입력을 처리할 수 없기 때문입니다.

해결책

1. 누른 키를 추적하려면 JavaScript 지도 객체를 생성하세요.

var map = {};

2. keydown 및 keyup 모두에 이벤트 리스너를 연결합니다. 이벤트.

onkeydown = onkeyup = function(e) {
  e = e || event;
  map[e.keyCode] = e.type == 'keydown';
};

3. 게임 엔진 로직 내에서 한 번에 여러 키를 누르는지 확인하세요.

if (map[17] && map[16] && map[65]) {
  // CTRL+SHIFT+A pressed
}

추가 참고사항

• keyCode는 누르고 있는 키의 문자열 표현을 반환하는 key를 대신하여 더 이상 사용되지 않습니다. (예: A의 경우 "a").
• element.onevent 대신 addEventListener를 사용하세요. 후자는 이전 핸들러를 재정의합니다.
• event.preventDefault()를 사용하여 기본 브라우저 작업을 방지합니다.
• 여러 키 감지 논리를 추상화하는 도우미 클래스나 함수를 만드는 것을 고려해 보세요.

위 내용은 JavaScript는 동시에 누른 여러 키를 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!