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