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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
基于jQuery的表格操作插件
Apr 22 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
浅谈Angular的$q, defer, promise
Dec 20 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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
ThinkPHP之import方法实例详解
2014/06/20 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
PHP PDOStatement::bindValue讲解
2019/01/30 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
详解JS数组Reduce()方法详解及高级技巧
2017/08/18 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
2017/12/18 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
JS如何生成随机验证码
2020/03/02 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
python 字典修改键(key)的几种方法
2018/08/10 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
创业女性典型材料
2014/05/02 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
党员查摆剖析材料
2014/10/10 职场文书
股东授权委托书
2014/10/15 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
导游词之唐山景点
2019/12/18 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
详解Python如何批量采集京东商品数据流程
2022/01/22 Python
oracle重置序列从0开始递增1
2022/02/28 Oracle