如何使用JavaScript在输入字段中查找大写锁定？
<!DOCTYPE html>
<html>
<head>
<style>
#textBox {
display: none;
color: red;
}
</style>
<body>
<h1>Detecting Caps Lock Example</h1>
<input class="inputfield" value="Some textBox.." />
<h2>Press caps lock in the above input field to check warning</h2>
<h2 class="textBox">WARNING! Caps lock is ON.</h2>
<script>
var input = document.querySelector(".inputfield");
var textBox = document.querySelector(".textBox");
input.addEventListener("keyup", event => {
if (event.getModifierState("CapsLock")) {
textBox.style.display = "block";
} else {
textBox.style.display = "none";
}
});
</script>
</body>
</html>输出结果
上面的代码将产生以下输出-
在Capslock处于打开状态的情况下在输入字段中键入内容-
热门推荐
8 敏字的祝福语简短
10 死人新年祝福语简短句
11 新人结婚父母祝福语简短
12 发给导师的祝福语简短
13 水晶婚夫妻祝福语简短
14 开业祝福语简短大气的
15 酒店客人祝福语简短
16 下雪路滑祝福语简短
17 网友婚姻祝福语大全简短
18 员工对同事祝福语简短