js实时监听文本框状态的方法


Posted in Javascript onApril 26, 2011
<div id="msg"></div> 
<input type="text" name="txt" id="txt"/> 
<script> 
//当状态改变的时候执行的函数 
function handle() 
{ 
document.getElementById('msg').innerHTML = document.getElementById('txt').value; 
} //if("\v"=="v")只有在IE下才返回真,包括IE8 
//if(/msie/i.test(navigator.userAgent))也同样能有效判断 
if("\v"=="v"){ 
//IE监听文本框且赋一个函数,函数名后不能带括号 
document.getElementById('txt').onpropertychange = handle; 
}else{ 
//谷歌浏览器利用添加事件函数为文本框添加事件并赋事件要执行的方法,同样方法名后不能加括号 
document.getElementById('txt').addEventListener("input", handle); 
} 
</script>
Javascript 相关文章推荐
JS 自定义带默认值的函数
Jul 21 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
jQuery EasyUI Tab 选项卡问题小结
Aug 16 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
js 倒计时(高效率服务器时间同步)
Sep 12 Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
原生JS实现微信通讯录
Jun 18 Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 #Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 #Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 #Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 #Javascript
用jquery实现自定义风格的滑动条实现代码
Apr 26 #Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 #Javascript
jqPlot 基于jquery的画图插件
Apr 26 #Javascript
You might like
隐性调用php程序的方法
2009/03/09 PHP
编写php应用程序实现摘要式身份验证的方法详解
2013/06/08 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
javascript 原型继承介绍
2011/08/30 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
js库Modernizr的介绍和使用
2015/05/07 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python实现的简单窗口倒计时界面实例
2015/05/05 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
python实现静态服务器
2019/09/05 Python
Python数组并集交集补集代码实例
2020/02/18 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
善意的谎言事例
2014/02/15 职场文书
提拔干部考察材料
2014/05/26 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
工作保证书怎么写
2015/02/28 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
教师师德工作总结2015
2015/07/22 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记