首頁 >web前端 >js教程 >Event altKey,ctrlKey,shiftKey屬性解析_javascript技巧

Event altKey,ctrlKey,shiftKey屬性解析_javascript技巧

WBOY
WBOY原創
2016-05-16 17:08:431155瀏覽

event.altKey
功能:偵測事件發生時Alt鍵是否按住了。

文法:event.altKey

取值:true | false

說明:

altKey屬性為true表示事件發生時Alt鍵被按下並保持,為false則Alt鍵沒有按下。
altKey屬性可結合滑鼠或鍵盤使用,多用於製作一些快速操作方式。

event.ctrlKey
功能:偵測事件發生時Ctrl鍵是否被按住了。

語法:event.ctrlKey

取值:true | false

說明:

ctrlKey屬性為true表示事件發生時Ctrl鍵被按下並保持,為false則Ctrl鍵沒有按下。
ctrlKey屬性可結合滑鼠或鍵盤使用,多用於製作一些快速操作方式。

event.shiftKey
功能:偵測事件發生時Shift鍵是否被按住了。

文法:event.shiftKey

取值:true | false

說明:

shiftKey屬性為true表示事件發生時Shift鍵被按下並保持,為false則Shift鍵沒有按下。
shiftKey屬性可結合滑鼠或鍵盤使用,多用於製作一些快速操作方式。

 實例1
組合操作範例。

複製程式碼 程式碼如下:



這段程式碼的效果為: 

如果按住Alt鍵再點選上面的文字框,可以選取文字方塊中的文字。

 實例2
組合操作範例。

複製程式碼 程式碼如下:



這段程式碼的效果為: 

使用"Ctrl Del"組合鍵可清除上面的文字方塊的內容。 (必須先讓文字方塊取得焦點。本例只適用於IE瀏覽器。)

 實例3
組合操作範例。

複製程式碼 程式碼如下:



這段程式碼的效果為:

按住"Shift"鍵並用滑鼠點擊上面的色塊,可改變色塊顏色

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn