检测大写锁定键(Caps Lock)是否被激活

2020-12-02 20:04 来源:未知 作者:mas 责编:mas
<h1>检测大写锁定键</h1>
<form action="#" method="post">
    <p>
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" /><span style="display:none;">大写锁定键被按下,请注意大小写</span>
    </p>
</form>
 
function  detectCapsLock(event){
	var e = event||window.event;
	var o = e.target||e.srcElement;
	var oTip = o.nextSibling;
    var keyCode  =  e.keyCode||e.which; // 按键的keyCode 
    var isShift  =  e.shiftKey ||(keyCode  ==   16 ) || false ; // shift键是否按住
    
    if (
        ((keyCode >=   65   &&  keyCode  <=   90 )  &&   !isShift)    // Caps Lock 打开,且没有按住shift键 
        || ((keyCode >=   97   &&  keyCode  <=   122 )  &&  isShift)    // Caps Lock 打开,且按住shift键
	 ) {
        oTip.style.display = '';
    } else {
        oTip.style.display  =  'none';
    } 
}
document.getElementById('password').onkeypress = detectCapsLock;

 

【版权声明】本站部分内容来源于互联网,本站不拥有所有权,如果发现本站有侵权的内容,欢迎发送邮件至 benumon@163.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

分享:

更多文章

相关文章

关键词:

一生受益-思韵闪耀-专业IT技术社区 - 爱编程,爱源码,爱技术,一生受益。

powerby 一生受益-思韵闪耀    豫ICP备13002912号-2