[筆記] KeyCode & querySelectorAll 全部加上事件

章節連結

這回想要實作的狀況是:當使用者在輸入框中按下 “Enter” 後,可以選取到表格中的每一橫列。若要達成這個目的,你需要知道 KeyCode 代碼以及如何在表格中的每一橫欄全面加上事件監聽。
web development


重點整理

1.KeyCode 是什麼?

每一個鍵盤按鈕都有一個數字代號。這個列表已經有熱心的專家整理在 github 上了,可以點這裡看
這回的案例中,Enter 的代號是 13 (型態是數字)。

2.querySelectorAll 全部加上事件

說穿了不難,就是把 querySelector 加個迭代器(ex: for loop) 就可以完成。

 

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:7