一.windows 事件
1. window.onload = function(){} (window頁面所有內(nèi)容加載完成)
2.document.body.addEventListener('load',function(){}) (可以監(jiān)控某個(gè)標(biāo)簽加載完成)
3.window.addEventListener('resize',function(){
console.log('寬'+window.innerWidth+'高:'+window.innerHeight)(獲取窗口大小)
}) (可以監(jiān)控窗口大小改變)
4.window.addEventListener('scroll',function(){
console.log('滾動(dòng)到什么地方:'+document.documentElement.scrollTop)
}) (可以監(jiān)控窗口滾動(dòng))
二.鍵盤事件
1.window.addEventListener('keydown',function(event){}) (監(jiān)控鍵盤按下事件)
2.window.addEventListener('keypress',function(event){
event.code? (可以監(jiān)控點(diǎn)擊了什么鍵? 輸出key 鍵名)
event.keyCode (可以獲得一個(gè)ACII值)
String.fromCharCode(event.charCode) ( 輸出鍵名 )
(也可以用 :event.code.slice(3) 的(截取)方法獲取鍵名)
})
slice(start,end)? (可以用在字符串的截取上)
(第一個(gè)數(shù)表示截取的起始位置,第二個(gè)數(shù)表示結(jié)束位置,如果不寫第二個(gè)數(shù)默認(rèn)截取后最后,負(fù)數(shù)的話表示往后開始算)
splice(start,length,"a","b"...) (只能用在數(shù)組上)
(第一個(gè)數(shù)表示開始位置,第二個(gè)數(shù)表示截取長度,后面的數(shù)表示添加進(jìn)去的數(shù)組)
3.window.addEventListener('keyup',function(event){}) (監(jiān)控鍵盤松開)
三.鼠標(biāo)事件
1.section.addEventListenter('click',function(){}) (點(diǎn)擊事件)
相當(dāng)于 section.onclick = function(){}
2.section.addEventListenter('mousedown',function(){}) (鼠標(biāo)按下時(shí))
相當(dāng)于 section.onmousedown=function(){}
3.section.addEventListenter('mouseup',function(){}) (鼠標(biāo)松開時(shí))
4.section.addEventListenter('mousemove',function(){}) (鼠標(biāo)移動(dòng))
5.section.addEventListenter('mousewhell',function(){}) (鼠標(biāo)滾動(dòng))
