inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

인터랙티브 웹 개발 제대로 시작하기

전진! 3D 스크롤 22

e.keyCode 질문

해결된 질문

997

Amen

작성한 질문수 17

0

vscode에서 사용은되지만 줄그어지길래 보니까 duplicated 되었다는데. 최근에는

다른방식으로 사용하나요?? 

비슷한 속성값인데 문자열로 출력되는 key 속성이 있던데 이걸많이사용하는지..

인터랙티브-웹 javascript HTML/CSS

답변 2

2

김현지

안녕하세요, Amen님!

keyCode 기능은 더 이상 권장되지 않습니다. 일부 브라우저에서는 여전히 동작할 수 있지만, 이미 관련 웹 표준에서 제거되었을 수 있으며 삭제되는 과정에 있거나 호환성 목적으로만 보관할 것입니다

사용을 피하시고 가능한 경우 기존 코드를 업데이트하셔야 합니다.

duplicated된 기능은 가급적으로 사용하지 않으시는 것이 좋습니다. 

대체안으로 KeyboardEvent.code 가 사용된다고 합니다.

keyCode 문서는 여기 를 참고해주세요.

대체안인 KeyboardEvent.code 문서는 이 곳 을 참고해주시면 됩니다 :)

밑에는 예제 코드입니다 ! 참고해주세요 .

window.addEventListener("keydown", function(event) {
  if (event.defaultPrevented) {
    return; // Do nothing if event already handled
  }

  switch(event.code) {
    case "KeyS":
    case "ArrowDown":
      // Handle "back"
      updatePosition(-moveRate);
      break;
    case "KeyW":
    case "ArrowUp":
      // Handle "forward"
      updatePosition(moveRate);
      break;
    case "KeyA":
    case "ArrowLeft":
      // Handle "turn left"
      angle -= turnRate;
      break;
    case "KeyD":
    case "ArrowRight":
      // Handle "turn right"
      angle += turnRate;
      break;
  }

0

Amen

자세한 답변 감사드립니다 ( __ ) 

0

Ryan Lee

e.key === 'ArrowLeft' 와 e.key === 'ArrowRight'로 해결하면 되는군요!

왼쪽/오른쪽 동작시 딜레이 문제

0

94

1

변수 범위 관련 질문

0

107

1

perspective 문의

0

103

1

생성자 함수를 클래스 함수로 변경 하고 this 오류 관련

0

150

1

스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제

0

127

1

animation이벤트 질문이요!

0

72

1

resize handler에서 질문이 있습니다.

0

111

1

카드 뒤집힐 때 F가 보인 이유

0

149

1

3d 뒤집기 추가효과

0

219

1

전진! 3D 스크롤 21 강의 질문

1

171

1

eventlistener 질문

0

149

1

zMove 를 1000으로 설정하는 이유에 대하여.

0

169

1

[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!

1

191

1

동적으로 html 생성 후 이벤트 위임 질문 있습니다.

0

267

1

rotateY()에서 deg에 따른 차이

0

197

1

코드 작성 순서

0

276

1

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

1

394

1

'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다

0

265

2

섹션5 자바스크립트 이벤트 다루기 질문

1

243

1

[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!

0

423

2

css 는 직접 작성을 해야하는걸까용?

0

327

1

translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?

0

363

2

house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.

0

306

2

left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.

0

309

2