以下是一个简单的示例,演示如何使用 metaKey 属性处理键盘事件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p>按下 Ctrl 键(或 Command 键)并点击按钮:</p>
<button id="myButton">点击我</button>
<script>
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", function(event) {
if (event.metaKey) {
console.log("Ctrl 键(或 Command 键)被按下!");
} else {
console.log("Ctrl 键(或 Command 键)未被按下。");
}
});
</script>
</body>
</html>
在这个例子中,我们创建了一个按钮,并通过 addEventListener 将点击事件与匿名函数关联起来。在匿名函数中,我们使用 event.metaKey 来判断是否按下了 Ctrl 键(或 Command 键),并将结果输出到控制台。
要点总结:
- metaKey 属性用于判断是否按下了操作系统特定键,通常用于处理键盘事件。
- metaKey 是一个布尔值,如果按下了操作系统特定键,则为 true,否则为 false。
- 在 macOS 上,metaKey 表示 Command 键;在 Windows/Linux 上,metaKey 表示 Ctrl 键。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6250/JavaScript 和 HTML DOM