《JavaScript学习笔记》之实时监听并获取input输入框值的方法

一、涉及浏览器兼容问题

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】范围内");
} 

上一篇:TCP拥塞控制详解


下一篇:【已开源】Flutter 穿山甲广告插件的集成-FlutterAds