一、涉及浏览器兼容问题

Google、Firefox……使用函数事件oninput

IE浏览器使用函数事件onpropertychange

二、在HTML中的使用

<input type="text" id="t1" oninput="OnInput (event,this)" onpropertychange="Onpropertychange (event)"/>//函数有两个参数：第一个是事件获取状态，第二个是调用该函数的input对象

三、在js中的使用

//实时获取输入框内容,并判断值是否符合规定//Google、Firefox……function OnInput (event,obj) { if(event.target.value < 0 || event.target.value >100)alert("t1输入的数据必须介于【1，100】范围内");} // IE浏览器 function Onpropertychange (event,obj) { if(event.target.value < 0 || event.target.value >100)alert("t1输入的数据必须介于【1，100】范围内");}

四、另一种方法：JavaScript常用事件 onchange

当用户改变input输入框内容时执行一段Javascript代码：

<input type="text" onchange="myFunction()">

如果觉得《《JavaScript学习笔记》之实时监听并获取input输入框值的方法》对你有帮助，请点赞、收藏，并留下你的观点哦！