지도에서 새 시크릿 창 단축키로 열고 닫은 후, 그리기 도구로 사각형, 타원 그릴 때 동작 문의

zakklee · December 21, 2023

안녕하세요,

지도에서 새 시크릿 창 단축키로 열고 닫은 후, 그리기 도구로 사각형, 타원 그릴 때 동작 문의 드리고자 합니다.

시나리오

그리기 도구를 포함한 네이버 지도 (기술 문서 그리기 도구 기본 예제를 사용해도 재현 가능합니다.)
키보드 ctrl + shift + n 을 눌러 새 시크릿 창 열기
ctrl + w를 눌러 2번에서 생성한 시크릿 창 닫기
그리기 도구에서 사각형, 타원 선택하여 그리고 확인

예상 결과: 원하는 사각형과 타원을 그린다.

현재 결과: 정방형 스냅이 되어 정사각형, 원이 그려진다.

아래와 같은 최소 재현 코드를 작성하여 테스트해보았습니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      document.addEventListener("keydown", (e) => {
        console.log("keydown: ", e.key);
      });
      document.addEventListener("keypress", (e) => {
        console.log("keypress: ", e.key);
      });
      document.addEventListener("keyup", (e) => {
        console.log("keyup: ", e.key);
      });
    </script>
  </body>
</html>

테스트 결과 첨부된 사진과 같이 새 시크릿 창 생성시 shift키가 keydown만 트리거되고, keyup은 트리거되지 않아 발생하는 오류로 보입니다.

kkokko.jeong · December 28, 2023

안녕하세요. Web Dynamic Map 담당자 입니다.

말씀해주신대로 `ctrl + shift` 동시에 눌렀을 경우 `keyup` 이벤트가 작동하지 않네요.

(브라우저 이슈)

blur 시 키보드 설정을 초기화하도록 코드 수정할 예정입니다.

제보 감사합니다.

zakklee · December 29, 2023

18 hours ago, kkokko.jeong said:

안녕하세요. Web Dynamic Map 담당자 입니다.

말씀해주신대로 `ctrl + shift` 동시에 눌렀을 경우 `keyup` 이벤트가 작동하지 않네요.

(브라우저 이슈)

blur 시 키보드 설정을 초기화하도록 코드 수정할 예정입니다.

제보 감사합니다.

확인 감사드립니다🙏

지도에서 새 시크릿 창 단축키로 열고 닫은 후, 그리기 도구로 사각형, 타원 그릴 때 동작 문의

Recommended Posts

zakklee

kkokko.jeong

zakklee

게시글 및 댓글을 작성하려면 로그인 해주세요.

NAVER Cloud

Home