> 웹 프론트엔드 > JS 튜토리얼 > Caps Lock이 on_javascript 스킬인지 확인하기 위해 JavaScript를 사용하는 스크립트

Caps Lock이 on_javascript 스킬인지 확인하기 위해 JavaScript를 사용하는 스크립트

WBOY
풀어 주다: 2016-05-16 19:11:58
원래의
1392명이 탐색했습니다.

사용자가 비밀번호를 입력해야 하는 페이지를 접할 때 비밀번호에 대문자가 포함되어 있습니까? Caps Lock이 켜져 있나요? 사용자에게 힌트를 줄 수 있다면 더 좋지 않을까요?

다음 샘플 코드는 방법을 제공하며 필요한 지침이 코드에 주석으로 표시되어 있습니다.
질문 지식 포인트: event.keyCode 및 event.shiftKey

코드


[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]


원문: http://www.blogjava.net/majianan/archive/2007/02/01/97284.html <script> function detectCapsLock(e){ valueCapsLock = e.keyCode ? e.keyCode:e.which; // Caps Lock 是否打开 valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock == 16 ) ? true : false ); // shift键是否按住 if (((valueCapsLock >= 65 && valueCapsLock <= 90 ) && ! valueShift) // Caps Lock 打开,并且 shift键没有按住 || ((valueCapsLock >= 97 && valueCapsLock <= 122 ) && valueShift)) // Caps Lock 打开,并且按住 shift键 document.getElementById('capStatus').style.visibility = 'visible'; else document.getElementById('capStatus').style.visibility = 'hidden'; /* javascript中keyCode代码对应表 event.keyCode=32 空格 event.keyCode=13 回车 event.keyCode=27 Esc event.keyCode=16) Shift event.keyCode=17) Ctrl event.keyCode=18) Alt */ } </script>
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿