【JS】重零學習- Day21-事件(四) e.KeyCode、e.Blur 、e.Mouse #95~97

● KeyCode 點擊鍵盤、KeyCode對照表

● Blur 離開焦點進行事件觸發 focus,blur

● Mouse

1.KeyCode 點擊鍵盤

// 按下鍵盤按鈕
area.addEventListener('keydown',updateList,false)

檢查使用者是按下哪顆按鈕?

// 檢查使用者按下哪顆按鈕 用.keycode
function keyboardEvent(e){
  console.log(e.keycode)
}

出來如果你按Enter是13,  a A 則是65, 1 ! 為 49 ; esc Escape是 27....

keyCode對照表: 感謝有大神來幫忙整理~ keycode

2. Blur 離開焦點時並觸發

2-1.focus 所在焦點 

2-2.blur 離開焦點

2. Mouse 當滑鼠滑入指定內容時觸發

el.addEventListner('mousemove',function(){
   alert('13');
})

 

主要是做我的學習筆記

偶而心血來潮寫個幾篇~

若有問題~可以寫信或在下方留言~感謝