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事件