inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Bắt đầu phát triển web tương tác đúng cách

nâng cao! Cuộn 3D 22

e.keyCode 질문

Đã giải quyết

1005

Amen

17 câu hỏi đã được viết

0

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

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

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

인터랙티브-웹 javascript HTML/CSS

Câu trả lời 2

2

khyunjiee0961

안녕하세요, 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

109

1

변수 범위 관련 질문

0

120

1

perspective 문의

0

113

1

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

0

166

1

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

0

132

1

animation이벤트 질문이요!

0

81

1

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

0

120

1

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

0

159

1

3d 뒤집기 추가효과

0

225

1

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

1

179

1

eventlistener 질문

0

159

1

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

0

178

1

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

1

203

1

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

0

280

1

rotateY()에서 deg에 따른 차이

0

205

1

코드 작성 순서

0

284

1

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

1

403

1

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

0

284

2

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

1

263

1

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

0

432

2

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

0

331

1

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

0

366

2

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

0

312

2

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

0

313

2