javascript :: CapsLock 버튼 감지하기
로그인 시 사용자들은 대부분 자기가 비밀번호를 잘못설정해놨다고 생각하지 이게 대소문자 때문이라고는 생각하지 못하는 경우가 많다. 비밀번호 오류나면 관리자도 귀찮고 사용자도 귀찮으니 로그인 페이지 구현시 해두면 좋은 'Caps Lock' 여부 알려주는 기능 구현해보기 ! 👉 javascript 기능 중 getModifierState 를 이용해봅시다 ! Caps Lock이 켜져있습니다. 해당 소스를 이용해서 코드를 만든 후 css 조금 변경해주면 아래와 같이 caps Lock 버튼이 눌려져있음을 알려주는 창이 뜬다capsLock 키를 구분해내기 위해 getModifierState 함수를 사용했는데 Alt, NumLock 등에서도 사용할 수 있다. 더 자세한 내용은 getModifierState문서 에서 확인..
javascript :: keyCode 목록과 keycode 이벤트 이용하여 엔터키 실행하기
자바스크립트상에서 엔터키를 누를 때 실행되는 경우 ( 예 : 로그인 , 검색창 등 ) 를 구현하기 위해 또는 , 특정키의 작동을 막기위해 Keycode를 종종 사용하는 경우가 있어서 정리하기로 해본다 특정 키보드를 눌렀을 때 이벤트를 처리하고 싶다면 keycode를 이용하면된다. 키보드를 눌렀을 때의 이벤트가 각 키보드의 정보를 포함하고 있기 때문이다. 오늘 사용하게 될 엔터키는 ASCII Keycode '13'의 값을 가진다. Keycode 목록 key code key code tab 9 enter 13 shift 16 ctrl 17 alt 18 caps lock 20 space 32 page up 33 page down 34 end 35 home 36 ← 37 → 39 ↑ 38 ↓ 40 delete ..
