欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Event altKey,ctrlKey,shiftKey屬性解析

 更新時間：2013年12月18日 08:59:01   作者：  
本篇文章主要是對Event altKey,ctrlKey,shiftKey屬性解析了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助

event.altKey
功能：檢測事件發(fā)生時Alt鍵是否被按住了。

語法：event.altKey

取值：true | false

說明：

altKey屬性為true表示事件發(fā)生時Alt鍵被按下并保持，為false則Alt鍵沒有按下。
altKey屬性可結(jié)合鼠標(biāo)或鍵盤使用，多用于制作一些快捷操作方式。

event.ctrlKey
功能：檢測事件發(fā)生時Ctrl鍵是否被按住了。

語法：event.ctrlKey

取值：true | false

說明：

ctrlKey屬性為true表示事件發(fā)生時Ctrl鍵被按下并保持，為false則Ctrl鍵沒有按下。
ctrlKey屬性可結(jié)合鼠標(biāo)或鍵盤使用，多用于制作一些快捷操作方式。

event.shiftKey
功能：檢測事件發(fā)生時Shift鍵是否被按住了。

語法：event.shiftKey

取值：true | false

說明：

shiftKey屬性為true表示事件發(fā)生時Shift鍵被按下并保持，為false則Shift鍵沒有按下。
shiftKey屬性可結(jié)合鼠標(biāo)或鍵盤使用，多用于制作一些快捷操作方式。

 實例1
組合操作示例。

復(fù)制代碼 代碼如下:

<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
組合操作示例。

復(fù)制代碼 代碼如下:

<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"組合鍵可清除上面的文本框的內(nèi)容。（必須先使文本框獲得焦點。本例只適用于IE瀏覽器。）

 實例3
組合操作示例。

復(fù)制代碼 代碼如下:

<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"鍵并用鼠標(biāo)點擊上面的色塊，可改變色塊顏色

相關(guān)文章

最新評論