话说,刚刚学习了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瞬间是没有反馈的,而是通过下一步输入了大写字母的时候,才会有反馈,事实上,有些反应迟钝的嫌疑。而这个浏览器级别的就很及时了,按下就会提示。

相关链接

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

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

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

本站的忠实读者小伙伴,正在阅读下面这些文章: