DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> Event altKey,ctrlKey,shiftKey屬性解析
Event altKey,ctrlKey,shiftKey屬性解析
編輯:JavaScript綜合知識     

 本篇文章主要是對Event altKey,ctrlKey,shiftKey屬性解析了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助

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  組合操作示例。   代碼如下: <input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />   <script type="text/javascript"> function checkAlt(oEvent) {   if( oEvent.altKey )     document.getElementById("txt1").select(); } </script>      這段代碼的效果為:     如果按住Alt鍵再單擊上面的文本框,可以選中文本框中的文本。    實例2  組合操作示例。   代碼如下: <input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />   <script type="text/javascript"> function clearText(oEvent) {   if( oEvent.ctrlKey && oEvent.keyCode==46 )     document.getElementById("txt2").value = ""; } </script>      這段代碼的效果為:     使用"Ctrl+Del"組合鍵可清除上面的文本框的內容。(必須先使文本框獲得焦點。本例只適用於IE浏覽器。)    實例3  組合操作示例。   代碼如下: <div id="box" style="width:50px; height:25px;border:1px solid black; background-color:red" onclick="setColor(event)"></div>   <script type="text/javascript"> var b = true; function setColor(oEvent) {   if( oEvent.shiftKey && b )     document.getElementById("box").style.backgroundColor = "blue";   if( oEvent.shiftKey && !b )     document.getElementById("box").style.backgroundColor = "red";   b = !b; } </script>      這段代碼的效果為:   按住"Shift"鍵並用鼠標點擊上面的色塊,可改變色塊顏色
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved