input输入值实时监控

余生长醉 提交于 2019-12-11 05:36:14

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!