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" 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"鍵並用滑鼠點擊上面的色塊,可改變色塊顏色