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搜索子元素的方法
Feb 10 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
js css+html实现简单的日历
Jul 14 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
redux.js详解及基本使用
May 24 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 Javascript
echarts饼图各个板块之间的空隙如何实现
Dec 01 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
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文件注释标记及规范小结
2012/04/01 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
javascript,jquery闭包概念分析
2010/06/19 Javascript
javascript中的if语句使用介绍
2013/11/20 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
基于javascript实现彩票随机数生成(升级版)
2020/04/17 Javascript
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
2017/09/22 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
vue实现抖音时间转盘
2019/09/08 Javascript
[08:44]和酒神一起战斗 DOTA2教你做大人
2014/03/27 DOTA
Python实现的文本编辑器功能示例
2017/06/30 Python
python安装Scrapy图文教程
2017/08/14 Python
用matplotlib画等高线图详解
2017/12/14 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
python全局变量引用与修改过程解析
2020/01/07 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
为娇小女性量身打造:Petite Studio
2018/11/01 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
写好自荐信要注意的问题
2013/11/10 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
企业内部培训方案
2014/02/04 职场文书
报纸媒体创意广告词
2014/03/17 职场文书
运动会演讲稿50字
2014/08/25 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server