Firebase에서 다음과 같이 로그인 처리등을 하다보면 버튼을 마우스로 선택하도록 코드를 만드는 경우가 매우 많다. 위의 코드 동작은 다음과 같은 HTML 코드에서 해당 버튼의 이름을 지정하고, 클릭할 수 있게 설정한 상태에서, 실제 해당 버튼이 눌려지면 다음과 같은 button Handler에 의해서 미리 정해진 동작을 하도록 되어 있기 때문이다.
그런데 사용자 입장에서는 해당 웹페이지를 사용하기 위해 필요한 정보를 키보드로 입력하던 것을 마우스로 굳이 손을 옮겨 이러한 버튼을 클릭하는 것이 오히려 번거롭고 불편하기 까지 하다. 형식상 해당 버튼을 누르는 것이 적절해 보이기는 하지만, 굳이 마우스로 클릭하지 않고, 단순히 키보드에서 Enter 버튼을 누르는 것으로 마우스로 클릭하는 것을 대체할 수는 없을까?
하는 생각이 들어 자료를 찾아보다가 다음과 같이 아주 매우 간단한 코드로 해결할 수 있음을 알게 되었다. 바로 keypress 메서드를 사용하는 것이었다. keypress 메...