js的事件屬性altKey,ctrlKey,shiftKey介紹

antzone發表於2017-03-17
JS事件

這是三個屬於事件物件event的屬性，和其他的屬性相比好像不是太常用，但是並非沒有用武之地，在一些需要多鍵結合的操作中，起到的作用還是不小的，下面就通過程式碼例項簡單介紹以下這三個屬性的作用。

一.altKey屬性:

此屬性可以返回一個布林值，用來說明鍵盤alt鍵是否被按下。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
event.altKey

如果返回值為true，說明事件發生時，alt鍵被按下並且被保持。

如果返回值為false，說明事件發生時，alt鍵沒有被按下。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload=function(){
  var txt=document.getElementById("txt");
  var bt=document.getElementById("bt");
   
  bt.onclick=function(ev){
    var ev=event||ev;
    if(ev.altKey){
      txt.select();
    }
  }
}
</script>
</head>
<body>
<input type="text" value="螞蟻部落" id="txt"/>
<input type="button" value="按住alt鍵再點選" id="bt"/> 
</body>
</html>

以上可以在按下alt鍵的同時，點選按鈕可以選中文字框中的內容。

二.ctrlKey屬性:

此屬性可以返回一個布林值，用來說明鍵盤ctrl鍵是否被按下。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
event.ctrlKey

如果返回值為true，說明事件發生時，ctrl鍵被按下並且被保持。

如果返回值為false，說明事件發生時，ctrl鍵沒有被按下。

三.shiftKey屬性:

此屬性可以返回一個布林值，用來說明鍵盤ctrl鍵是否被按下。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
event.shiftKey

如果返回值為true，說明事件發生時，shift鍵被按下並且被保持。

如果返回值為false，說明事件發生時，shift鍵沒有被按下。

相關文章