当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


javascript MouseEvent ctrlKey用法及代码示例


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键):
ctrlkey
单击按钮(按下ctrl键):
ctrlkey

支持的浏览器:ctrlKey属性支持的浏览器如下所示:

  • 苹果Safari
  • 谷歌浏览器
  • Firefox
  • Opera
  • IE浏览器


相关用法


注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 Javascript | MouseEvent ctrlKey Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。