事件綁定
事件：發生在html元素上的特定動作，鼠標點擊，鍵盤按下，鼠標移入
事件三要素：事件源（觸發事件的元素） 事件類型，事件觸發后執行的函數
通過html觸發事件（不建議）
<button onclick="alert(123)">點擊</button>lv0 通過事件源.on事件類型=function(){
處理的函數
}
同一個事件源如果添加了多個相同時間類型的事件，只有最后一個添加的會生效
<div class="box">whsz</div>
<script>
const box=document.querySelect()
box.onclick=function(){
alert("123")
}
</script>mouseenter——鼠標移入
在事件綁定中this指向的是事件源
事件監聽
事件源.
?
<div class="box">whsz</div>
<script>
const box=document.querySelect()
事件源.addEventListener("事件類型"，function(){
//執行代碼
} ，//是否捕獲和冒泡)
</script>?事件對象
1，獲取元素對象
<script>
//獲取元素對象
const txt=document.querySelector("textarea")
//添加事件監聽
//事件對象：保持著和本次相關的信息
txt.addEventListener("keydown",function(e){
//e.code是按鍵信息
if(e.code=="ENTER"){
alert("123")
}
})
</script>鍵盤輸入
<textarea></textarea><script>const txt=document.querySelector("textarea")txt.addEventListener("keydown",function(e){if(e.code=="Enter"){alert("哈哈哈，你輸入的內容被我看的一清二楚")}})</script>document.documentElement.addEvemt
//相對于瀏覽器窗口左上角
console.log（e.clientX）
阻止默認行為
e.preventDefault()——阻止默認行為
常見事件類型
鼠標事件
click——單擊事件
dbclick——雙擊事件
mouseenter——鼠標移入
mouseleave——鼠標移出
mousemove——鼠標移動
鍵盤事件
keydown——鍵盤按下
e.code——記錄按下的鍵盤值
表單事件
input（表單修改事件）
change
focus——獲取焦點事件
blur——失去焦點事件
其他事件
頁面加載事件——load 等到html，css以及圖片等靜態資源加載結束
DOMContentLoaded——等到html加載結束
