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


javascript MouseEvent shiftKey用法及代码示例

mouseEvent shiftKey属性用于定义是否按下Shift键。它是一个布尔值。如果按下Shift键,然后单击鼠标左键,则返回true;如果未按下Shift键,则返回false。

用法:

event.shiftKey

返回值:它返回一个布尔值,指示是否按下了Shift键。


  • true:表示按下了Shift键。
  • false:表示未按下Shift键。

例:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>JavaScript Mouse Event</title> 
    </head> 
    <body style = "text-align:center;"> 
      
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1> 
          
        <h2> 
            mouseEvent shiftKey Property 
        </h2> 
   
        <button onclick="geek (event);">Get Shift key state!</button>         
        <script> 
        function geek (event) { 
            if (event.shiftKey) { 
                alert ("Shift key is pressed."); 
            } 
            else { 
                alert ("Shift key is not pressed."); 
            } 
        } 
        </script> 
    </body> 
</html>

输出:
单击按钮(未按下Shift键):
shiftkey
单击按钮(按下Shift键):
shiftkey

支持的浏览器:shiftKey属性支持的浏览器如下:

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


相关用法

注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 JavaScript | MouseEvent shiftKey Property。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。