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 相关文章推荐
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
javascript数据类型示例分享
Jan 19 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 15 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
详解阿里Node.js技术文档之process模块学习指南
Jan 04 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(2)
2006/10/09 PHP
php部分常见问题总结
2008/03/27 PHP
PHP使用观察者模式处理异常信息的方法详解
2019/09/24 PHP
javascript 动态添加事件代码
2008/11/30 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
jQuery 的 ready()的纯js替代方法
2016/11/20 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
python 容器总结整理
2017/04/04 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
python自动发邮件总结及实例说明【推荐】
2019/05/31 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
Keras设置以及获取权重的实现
2020/06/19 Python
Python高并发和多线程有什么关系
2020/11/14 Python
购买大码女装:Lane Bryant
2016/09/07 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
数据库连接池的工作原理
2012/09/26 面试题
sort命令的作用和用法
2012/11/04 面试题
考察现实表现材料
2014/05/19 职场文书
遗嘱范文
2015/08/07 职场文书
早恋主题班会
2015/08/14 职场文书
Python初识逻辑与if语句及用法大全
2021/08/07 Python