onkeydown 按鍵按下事件
onkeypress 按鍵產(chǎn)生字符事件
onkeyup 按鍵彈起事件
e.keyCode 返回按鍵碼
注意:注冊事件是要加on蹋盆,觸發(fā)時(shí)不需要on
其他事件
阻止事件冒泡:默認(rèn)情況下憾儒,觸發(fā)子元素的事件時(shí)互躬,會(huì)同時(shí)觸發(fā)父元素相同的事件,這就叫做事件冒泡
e.stopPropagation()阻止事件冒泡
e.preventDefault()取消默認(rèn)行為
添加事件的方式:
1.在元素中通過onXXX定義事件,指定一個(gè)事件方法
2.先獲取元素新博,在給元素綁定事件
3.通過addEventListener方法,給元素注冊事件脚草,傳遞兩個(gè)參數(shù):事件名和事件方法
4.通過removeEventListener方法赫悄,移除指定事件的方法,傳遞兩個(gè)參數(shù):事件名和事件方法
頁面加載事件
1.window.onload頁面加載事件
頁面的加載事件玩讳,該事件會(huì)在頁面中的所有內(nèi)容都加載完畢后執(zhí)行
注意:所有內(nèi)容包括:標(biāo)簽結(jié)構(gòu)涩蜘,樣式文件,圖片文件熏纯,音頻文件同诫,視頻文件...如果網(wǎng)頁內(nèi)容過大樟澜,會(huì)導(dǎo)致該事件延遲執(zhí)行
window.onload = function(){
? ? alert('頁面加載完成!')
}
2.DOMContentLoaded頁面加載事件
只要頁面中的DOM結(jié)構(gòu)加載完畢后秩贰,就會(huì)立即執(zhí)行
注意:該事件只能采用事件監(jiān)聽方式添加,沒有提供快捷方式
window.addEventListener('DOMContentLoaded',function(){
alert('頁面結(jié)構(gòu)加載完畢毒费!')
})