Event altKey,ctrlKey,shiftKey屬性解析
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
組合操作示例。
<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
組合操作示例。
<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
組合操作示例。
<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)擊上面的色塊,可改變色塊顏色
- JavaScript Event學(xué)習(xí)第七章 事件屬性
- javascript attachEvent綁定多個(gè)事件執(zhí)行順序問(wèn)題
- Javascript中的window.event.keyCode使用介紹
- myEvent.js javascript跨瀏覽器事件框架
- javascript開(kāi)發(fā)隨筆一 preventDefault的必要
- javascript中window.event事件用法詳解
- JavaScript事件處理器中的event參數(shù)使用介紹
- Javascript中Event屬性搜集整理
- javascript Event對(duì)象詳解及使用示例
- 21個(gè)JavaScript事件(Events)屬性匯總
- javascript中的altKey 和 Event屬性大全
相關(guān)文章
window.location.hash 屬性使用說(shuō)明
location是javascript里邊管理地址欄的內(nèi)置對(duì)象,比如location.href就管理頁(yè)面的url,用location.href=url就可以直接將頁(yè)面重定向url。而location.hash則可以用來(lái)獲取或設(shè)置頁(yè)面的標(biāo)簽值。2010-03-03一個(gè)簡(jiǎn)單的JavaScript數(shù)據(jù)緩存系統(tǒng)實(shí)現(xiàn)代碼
數(shù)據(jù)緩存系統(tǒng),主要是將一些可復(fù)用的數(shù)據(jù)臨時(shí)存放一下,放下數(shù)據(jù)后面的再次調(diào)用。2010-10-10js實(shí)現(xiàn)簡(jiǎn)單的倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01GreyBox技術(shù)總結(jié)(轉(zhuǎn))
GreyBox是一個(gè)遮罩層的組件也稱模式窗口或模態(tài)窗口(所謂模態(tài)窗口,就是指除非采取有效的關(guān)閉手段,用戶的鼠標(biāo)焦點(diǎn)或者輸入光標(biāo)將一直停留在其上的窗口),它運(yùn)行以后可以產(chǎn)生不錯(cuò)的界面。2010-11-11JS雙向鏈表實(shí)現(xiàn)與使用方法示例(增加一個(gè)previous屬性實(shí)現(xiàn))
這篇文章主要介紹了JS雙向鏈表實(shí)現(xiàn)與使用方法,在之前鏈表的基礎(chǔ)上增加一個(gè)previous屬性實(shí)現(xiàn)的雙向鏈表功能,需要的朋友可以參考下2019-01-01JavaScript實(shí)現(xiàn)擦玻璃效果分析鼠標(biāo)移動(dòng)響應(yīng)時(shí)間粒度問(wèn)題
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)擦玻璃效果分析鼠標(biāo)移動(dòng)響應(yīng)時(shí)間粒度問(wèn)題詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10innerHTML動(dòng)態(tài)添加html代碼和腳本兼容多個(gè)瀏覽器
innerHTML動(dòng)態(tài)添加html代碼和腳本,給某個(gè)元素的innerHTML賦值,并使得值中的js代碼有效且兼容多個(gè)瀏覽器,很棒的一個(gè)方法2014-10-10