ie浏览器下浏览器行为检测大小写CapsLock是否打开
发布于 作者:苏南大叔 来源:程序如此灵动~ 我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...
话说,刚刚学习了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
浏览器下面的相关截图:
这个检测级别很高,上一篇文章中的代码,按下capslock
瞬间是没有反馈的,而是通过下一步输入了大写字母的时候,才会有反馈,事实上,有些反应迟钝的嫌疑。而这个浏览器级别的就很及时了,按下就会提示。
相关链接
- 官方说明见这里:https://msdn.microsoft.com/library/jj128374(v=vs.85).aspx
- https://newsn.net/say/capslock-js.html
如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。