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 相关文章推荐
javascript 学习之旅 (3)
Feb 05 Javascript
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
javascript中scrollTop详解
Apr 13 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
AngularJS中下拉框的基本用法示例
Oct 11 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
vue filters的使用详解
Jun 11 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
JS实现简单日历特效
Jan 03 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实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
点击广告后才能获得下载地址
2006/10/26 Javascript
不错的一个日期输入 动态
2006/11/06 Javascript
表单内同名元素的控制
2006/11/22 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
JavaScript实现预览本地上传图片功能完整示例
2019/03/08 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
python实现远程控制电脑
2019/05/23 Python
Python3读取和写入excel表格数据的示例代码
2020/06/09 Python
使用Dajngo 通过代码添加xadmin用户和权限(组)
2020/07/03 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
旅游管理专业学生求职信
2013/09/28 职场文书
购房协议书
2014/04/11 职场文书
物业管理专业求职信
2014/06/11 职场文书
活动总结格式
2014/08/30 职场文书
2014年超市工作总结
2014/11/19 职场文书
学前班语言教学计划
2015/01/20 职场文书
中国世界遗产导游词
2015/02/13 职场文书
angular异步验证器防抖实例详解
2022/03/31 Javascript