位置:首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > JavaScript > 問(wèn)題詳情

JavaScript 設(shè)計(jì)快速刪除對(duì)象

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-27

■知識(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)前元素

}


繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部