📌  相关文章
📜  HTML | DOM KeyboardEvent getModifierState() 方法(1)

📅  最后修改于: 2023-12-03 15:31:12.076000             🧑  作者: Mango

HTML | DOM KeyboardEvent getModifierState() 方法

getModifierState() 方法是 KeyboardEvent 对象中的方法，用于确定键盘上的状态键（例如 shift, ctrl, alt, meta）是否被按下。

语法
keyboardEvent.getModifierState(key)
  • keyboardEvent： 必须，指定一个键盘事件对象。
  • key： 必须，指定一个表示状态键的字符串参数，如 "Shift"、"Control"、"Alt" 或 "Meta"。

该方法返回一个布尔值，表示指定的状态键是否被按下。

示例
<!DOCTYPE html>
<html>
<head>
	<title>KeyboardEvent getModifierState() Method Demo</title>
</head>
<body>

<p>按下 Shift、Control、Alt 或 Meta 键来查看状态：</p>

<script>
document.addEventListener("keydown", function(event) {
  console.log(event.getModifierState("Shift")); // 是否按下Shift键
  console.log(event.getModifierState("Control")); // 是否按下Control键
  console.log(event.getModifierState("Alt")); // 是否按下Alt键
  console.log(event.getModifierState("Meta")); // 是否按下Meta键
});
</script>

</body>
</html>

运行该示例后，按下 Shift、Control、Alt 或 Meta 键，分别可以在控制台中看到对应的状态（布尔值）是否被按下。

浏览器兼容性

该方法兼容性非常好，可在大部分现代浏览器中使用，包括 Chrome、Firefox、Edge、Safari、Opera 等。

总结

getModifierState() 方法是一个快速、有效的判断状态键是否被按下的方法，可在开发过程中用于执行相应的操作，提高用户操作的体验。