检测大写锁定键(Caps Lock)是否被激活
思韵闪耀
2020-12-02
0次 
<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;

 


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

上一篇：清除Teleport pro文件中的冗余代码

下一篇：Vue3中如何使用WeUI

相关内容

热门资讯

Invalid left-ha... 写一个提交函数的时候，发现函数不生效，F12之后看到Invalid left-hand side i...
响应图片(Responsive... 一、开门见山 响应图片技术可以说是响应布局衍生出来的一个小分支。说白了，就是不同显示器宽度下调用不同...
轻松删除MetInfo CMS... 第一步：首页底部版权，模板文件foot直接删除； 第二部：首页头部generator版权，\publ...
ckplayer6.3如何替换... 1.刚打开播放器，视频在缓冲时播放器中间的LOGO怎么替换？(如下图) 2.视频播放器右上角的CK ...
inDensity，inTar... 如果接触Android中的Bitmap较深的话，肯定会知道标题上的这三个属性值，那么这三个属性值的关...
JS 验证 利用Javascript中每个对象(Object)的prototype属性我们可以为Javascri...
在文本框中输入时保证总是在最... 那就要在keypress时保证文本框的光标在尾部，而文本框value赋值后其光标默认在最后，故可采用...
微信UA Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5...
检测大写锁定键(Caps Lo... h1检测大写锁定键/h1form action="#" method="post" p label ...
iframe高度自适应,全屏,... !注意此方法用于同一个域名下,可能需要部署在服务器上才能看出效果 !DOCTYPE html PUB...