小码哥的IT人生

MouseEvent ctrlKey 属性

JavaScript基础 2022-06-08 12:04:49小码哥的IT人生shichen

MouseEvent ctrlKey 属性

实例

确定单击鼠标按钮时是否按下了 "CTRL" 键:

if (event.ctrlKey) {
  alert("The CTRL key was pressed!");
} else {
  alert("The CTRL key was NOT pressed!");
}

完整实例:

<!DOCTYPE html>
<html>
<body onmousedown="isKeyPressed(event)">
<p>单击文档中的某处。当 onmousedown 事件发生时,警告框会提示您 CTRL 键是否被按下。</p>
<p><b>提示:</b>请在单击文档之前尝试按住 CTRL 键(在您的键盘上)。</p>
<script>
function isKeyPressed(event) {
  if (event.ctrlKey) {
    alert("The CTRL key was pressed!");
  } else {
    alert("The CTRL key was NOT pressed!");
  }
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

ctrlKey 属性返回一个布尔值,指示在触发鼠标事件时是否按下了 "CTRL" 键。

注释:该属性只读。

浏览器支持

属性 Chrome IE Firefox Safari Opera
ctrlKey 支持 支持 支持 支持 支持

语法

event.ctrlKey

技术细节

返回值:

布尔值,指示鼠标事件发生时是否按下了 "CTRL" 键。

可能的值:

  1. true - 按下 ctrl 键
  2. false - 未按下 ctrl 键
DOM 版本: DOM Level 2 Events

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024