學習目標：

節數	知識點	要求

一、表單文檔事件

​ 焦點：js當前正在和用戶發生交互的節點稱為焦點。可以類比為人類目光匯聚的地方。

​ 語法：獲得焦點和失去焦點事件既可以使用DOM1綁定也可以使用DOM2綁定

八哥總結說明：

這兩個事件均不支持事件冒泡。

1.1獲得焦點事件

i2.onfocus = function () {console.log(“i2獲得瞭焦點”)};

i1.addEventListener(‘focus’, function () {console.log(‘i1捕獲事件’);}, true);

1.2 失去焦點事件

i1.addEventListener(‘blur’, function () {console.log(‘i1捕獲事件’);}, true);

i2.onblur = function () {console.log(“i2失去瞭焦點”)};

1.3 oninput事件和onchange事件

onchange:元素發生變化的時候，就會觸發。

oninput:當給元素輸入內容的時候，就會觸發。

區別：

onchange:當失去焦點的時候才會觸發此事件。

oninput:當輸入內容的時候，會立即觸發。

二、鍵盤事件

2.1鍵盤事件種類

​ 鍵盤事件是指當用戶在操作鍵盤的時候會自動被觸發的事件，通常有以下三種：

(1) onkeydown:用戶按下任意鍵都可以觸發這個事件。如果按住不放，事件會被連續觸發。(2) onkeypress:用戶按下任意鍵都可以觸發這個事件(功能鍵除外)。如果按住不放，事件會被連續觸發(3) onkeyup: 用戶釋放按鍵時觸發

ps：鍵盤事件一般綁定在需要用戶輸入的元素上(例如input)，但是由於鍵盤事件默認采用事件冒泡機制，因此將鍵盤事件直接綁定在body之上也是允許的。

2.2鍵盤屬性

key和keyCode屬性

Key:具體是哪一個鍵keyCode:返回keydown何keyup事件發生的時候按鍵的代碼，以及keypress 事件的Unicode字符(ascii碼值)。

A:65,a:97,0:48,空格鍵：32.