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入门教程(6) Window窗口对象
Jan 31 Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
详解webpack打包第三方类库的正确姿势
Oct 20 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
Echarts如何重新渲染实例详解
May 30 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结合安卓客户端实现查询交互实例
2015/05/05 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
PHP程序守护进程化实现方法详解
2020/07/16 PHP
JavaScript 高级语法介绍
2009/06/15 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
vue-cli3 引入 font-awesome的操作
2020/08/11 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
python爬取拉勾网职位数据的方法
2018/01/24 Python
对python自动生成接口测试的示例讲解
2018/11/30 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
python开启debug模式的方法
2019/06/27 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
UGG英国官方网站:UGG UK
2018/02/08 全球购物
11月升旗仪式讲话稿
2014/02/15 职场文书
物流专业求职信
2014/06/30 职场文书
学生保证书
2015/01/16 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
Python采集股票数据并制作可视化柱状图
2022/04/04 Python
Python+pyaudio实现音频控制示例详解
2022/07/23 Python