JavaScript 設(shè)計(jì)快速刪除對(duì)象
■知識(shí)點(diǎn)
鍵盤(pán)事件定義了很多屬性,如表所示。利用這些屬性可以精確控制鍵盤(pán)操作。般只在鍵盤(pán)相關(guān)事件發(fā)生時(shí)才會(huì)存在于事件對(duì)象中,但是ctrlKey和shiftKey屬性除外,鼠標(biāo)事件中存在。例如,當(dāng)按下Ctrl或Shift鍵時(shí)單擊鼠標(biāo)的操作。
屬 性 | 說(shuō) 明 |
keyCode | 該屬性包含鍵盤(pán)中對(duì)應(yīng)鍵位的鍵值 |
charCode | 該屬性包含鍵盤(pán)中對(duì)應(yīng)鍵位的Unicode編碼,僅DOM支持 |
target | 發(fā)生事件的節(jié)點(diǎn)(包含元素),僅DOM支持 |
srcElement | 發(fā)生事件的元素,僅IE支持 |
shiftKey | 是否按下SWft鍵,如果按下返回true,否則為false |
ctrlKey | 是否按下Ctrl鍵,如果按下返回true,否則為false |
altKey | 是否按下Alt鍵,如果按下返回true,否則為false |
metaKey | 是否按下Meta鍵,如果按下返回true,否則為false,僅DOM支持 |
■實(shí)例設(shè)計(jì)
本例設(shè)計(jì)監(jiān)測(cè)Ctrl和Shift鍵是否被同時(shí)按下。如果同時(shí)按下,且鼠標(biāo)單擊某個(gè)頁(yè)面元素,則會(huì)把該元素從頁(yè)面中刪除。
document.onclick = function(e){
var e = e || window.event; //標(biāo)準(zhǔn)化事件對(duì)象
var t = e.target || e.srcElement; //獲取發(fā)生事件的元素,兼容IE和DOM
if(e.ctrlKey && e.shiftKey) //如果同時(shí)按下Ctrl和Shift鍵
t.parentNode.removeChild(t); //移出當(dāng)前元素
}
點(diǎn)擊加載更多評(píng)論>>