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