mouseEvent ctrlKey属性用于定义是否按下ctrl键。它是一个布尔值。当按下ctrl键时,单击鼠标按钮将返回true;如果未按下,则返回false。
用法:
event.ctrlKey
返回值:它返回一个布尔值,指示是否按下ctrl键。
- true:表示按下了ctrl键。
- false:表示未按下ctrl键。
例:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Mouse Event</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;">
GeeksforGeeks
</h1>
<h2>
mouseEvent ctrlKey Property
</h2>
<button onclick="geek (event);">Get Ctrl key state!</button>
<script>
function geek (event) {
if (event.ctrlKey) {
alert ("Ctrl key is pressed.");
}
else {
alert ("Ctrl key is not pressed.");
}
}
</script>
</body>
</html>
输出:
单击按钮(未按ctrl键):
单击按钮(按下ctrl键):
支持的浏览器:ctrlKey属性支持的浏览器如下所示:
- 苹果Safari
- 谷歌浏览器
- Firefox
- Opera
- IE浏览器
相关用法
- javascript MouseEvent which用法及代码示例
- javascript MouseEvent altKey用法及代码示例
- javascript MouseEvent Button用法及代码示例
- javascript MouseEvent shiftKey用法及代码示例
- HTML TouchEvent ctrlKey用法及代码示例
- Javascript MouseEvent getModifierState()用法及代码示例
- HTML MouseEvent screenY用法及代码示例
- HTML MouseEvent clientX用法及代码示例
- HTML MouseEvent buttons用法及代码示例
- HTML MouseEvent relatedTarget用法及代码示例
- HTML MouseEvent pageX用法及代码示例
- HTML MouseEvent pageY用法及代码示例
- HTML MouseEvent offsetX用法及代码示例
- HTML MouseEvent offsetY用法及代码示例
- HTML MouseEvent clientY用法及代码示例
注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 Javascript | MouseEvent ctrlKey Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。