Java教程

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

本文主要是介绍《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】范围内");
}

这篇关于《JavaScript学习笔记》之实时监听并获取input输入框值的方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航