input輸入值實時監控

input的change事件與blur事件,都是輸入框失去焦點時,才能觸發,由此不能實時監控輸入框的值的變化。

利用addEventListener監控輸入框的值的變化,從而觸發事件

html代碼

<input  type="text" id="number">

js代碼

document.getElementById('number').addEventListener('input',()=>{
	// 輸入框值
	var num =document.getElementById("number").value;
	console.log(num);
});

相關鏈接:
HTML DOM addEventListener() 方法
input輸入檢驗的change事件和input事件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章