我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

话说,刚刚学习了js检测大小写转换是否打开。不过这些都是js级别的,无论如何都比不上浏览器级别的检测。而浏览器恰恰又提供了这种主动检测的行为。涉及的ie的专有属性为:msCapsLockWarningOff

本文测试环境:ie10

相关属性

ie10开始,在密码输入框上都会默认触发这个事件。

下面是相关值的说明:

document.msCapsLockWarningOff = true; //主动关闭该行为,默认是开启检测行为的。

示例代码

下面是演示的范例demo

<html>
<head>
    <title>msCapsLockWarningOff example</title>
    <script type="text/javascript">
        function capsOff() {
                  if (document.msCapsLockWarningOff == false) {
                document.msCapsLockWarningOff = true;
                document.getElementById("caps").innerHTML = "Warning off";
            } else {
                document.msCapsLockWarningOff = false;
                document.getElementById("caps").innerHTML = "Warning on";
            }
        }
    </script>
</head>
<body>
<label>Type a password: <input type="password" /></label><br />
<button id="caps" onclick="capsOff();">Warning off</button>
</body>
</html>

效果截图

下面是ie浏览器下面的相关截图:

苏南大叔:ie浏览器下浏览器行为检测大小写CapsLock是否打开 - ie_capslock
ie浏览器下浏览器行为检测大小写CapsLock是否打开(图1-1)

这个检测级别很高,上一篇文章中的代码,按下capslock瞬间是没有反馈的,而是通过下一步输入了大写字母的时候,才会有反馈,事实上,有些反应迟钝的嫌疑。而这个浏览器级别的就很及时了,按下就会提示。

相关链接

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   js    capslock