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

Event altKey,ctrlKey,shiftKey屬性解析

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

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

語(yǔ)法:event.altKey

取值:true | false

說(shuō)明:

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

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

語(yǔ)法:event.ctrlKey

取值:true | false

說(shuō)明:

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

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

語(yǔ)法:event.shiftKey

取值:true | false

說(shuō)明:

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

 實(shí)例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鍵再單擊上面的文本框,可以選中文本框中的文本。

 實(shí)例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)容。(必須先使文本框獲得焦點(diǎn)。本例只適用于IE瀏覽器。)

 實(shí)例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)點(diǎn)擊上面的色塊,可改變色塊顏色

相關(guān)文章

最新評(píng)論