4.13 鍵盤相關事件與事件物件

通常用在一般文字框

  • onfocus:輸入焦點出現在欄位上之後,會觸發。

  • onblur:輸入焦點離開欄位之後,會觸發。

  • onkeyup:鍵盤按下去時放開的狀態,會觸發

使用事件物件中的 which 可取得鍵盤上的代碼,語法:

var text_input = document.getElementById("text_input");
text_input.addEventListener("keyup", function(e){
  console.log(e.which)
});

例:

延伸:限制文字框僅能輸入數字。請建立 text_only_number.html 來撰寫。

撰寫「實作:待辦事項」的第一步

Last updated