[JavaScript] 엔터와 클릭 이벤트 동시 등록 시 엔터키 이벤트가 실행이 안될때

Seojoo21 2022. 3. 16. 14:04

1. 로그인 창에 아이디와 비밀번호 입력 후 마우스 클릭 없이 엔터를 누르면 로그인 처리가 되도록 아래와 같이 자바스크립트 코드를 작성하였으나 엔터키 이벤트가 실행이 되지 않았다.

2. 아래와 같이 코드를 수정한 결과 로그인 시 엔터와 클릭 이벤트를 동시에 처리할 수 있었다. 성공!

- 먼저 자바스크립트 작성 시 id 값을 쓰기 위해 로그인 form, button에 id 값을 넣어준다. 그리고 button의 type은 submit으로 넣는다

- 그 다음, 자바스크립트는 아래와 같이 작성한다. keyCode 13은 enter키를 의미한다.

** 내가 수정한 방법과는 다르지만 자바스크립트 이벤트 동시 등록 관련하여 함께 읽어보면 좋을 글들