代码描述:JavaScript实时监听 文本框内容变化。JavaScript实时监听文本框内容变化代码实例下载
本章节介绍一下如何实时监听文本框内容的变化,也就是当文本框内容发生变化时,就会触发指定的事件,下面就通过代码实例简单介绍如何实现此功能。在IE中有onpropertychange事件,当文本框的属性值发生改变时能够能够触发此事件,不过遗憾的是,此事件只有IE浏览器支持。oninput事件也监听文本框的value值得变化,但是必须是IE9和IE9以上的浏览器和其他标准浏览器才能够支持。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> function OnInput(event){ alert("事件触发"); } function OnPropChanged(event){ if(event.propertyName.toLowerCase () == "value"){ alert("事件触发"); } } </script> </head> <body> <input type="text" oninput="OnInput(event)" onpropertychange="OnPropChanged(event)" value="51前端" /> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能