브라우저에서 자동 비밀번호 완성 (Auto password completion) 일 때, 이를 파악해서 바로 로그인 시켜주는 방법

# 브라우저에서 자동 비밀번호 완성 (Auto password completion) 일 때, 이를 파악해서 바로 로그인 시켜주는 방법 요즘 브라우저는 사이트마다 비번을 기억하기 어렵기 때문에 자동으로 비번을 생성시켜주고 이를 브라우저가 기억해놓고 사이트에 로그인 페이지에 가면 자동으로 아이디와 비번을 채워주곤 한다. 그런데 채워지기만 하고 로그인 버튼을 따로 눌러야 하는 번거로움이 있기도 한데 이를 해결하는 방법을 찾아서 공유하고자 한다. 아마도 휴대폰 인증 번호가 문자로 오고 이걸 자동으로 입력해주고 입력 후엔 바로 인증하기 버튼이 자동으로 눌러지게 해놓은 어플들도 많은데 비슷한 방법을 쓰고 있지 않나 생각한다. ## PH

• 2023-12-01 : First posting.

## monitorEvents(DOM) 우선 대부분의 브라우저에서 지원하는 전역함수가 있는데, 해당 DOM 에 어떤 event 들이 받아들여지고 있는지 모니터해서 console 에 뿌려주는 기능이다 . 우선 사이트에 접속해서 아래와 같이 console 에 입력해보자. ``` monitorEvents($("#input-password")[0]); ```/ 이후 부터는 id="input-password" 인 DOM 에 event 가 생기면 console 에 모두 출력해준다. Auto password completion (자동 비밀번호 완성) 을 사용했을때 blur 라는 event 가 떴다. 이걸 이용하면 되겠다 싶었다. 참고로 blur 는 희미해지다, 번지다란 뜻을 가지고 있다. ## on("blur", function (e) {}) ``` $("#input-password").on("blur", function (e) { setTimeout(function () { $("#button-log-in").trigger("click"); }, 512); }); ```/ 와 같이 작성하면, 비밀번호가 자동으로 채워진 뒤 512 ms 후에 로그인 버튼이 클릭되어 진다. 끝. ## RRA

1. stackoverflow.com :: Any event triggered on autocomplete?