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 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
js Event对象的5种坐标
Sep 12 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
JavaScript的Vue.js库入门学习教程
May 23 Javascript
jquery插件autocomplete用法示例
Jul 01 Javascript
微信小程序组件 marquee实例详解
Jun 23 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
vue proxy 的优势与使用场景实现
Jun 15 Javascript
绘制微信小程序验证码功能的实例代码
Jan 05 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
Views rows style模板重写代码
2011/05/16 PHP
php实现可以设置中奖概率的抽奖程序代码分享
2014/01/19 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
php数据序列化测试实例详解
2017/08/12 PHP
prototype.js的Ajax对象
2006/09/23 Javascript
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
wxPython学习之主框架实例
2014/09/28 Python
python实现线程池的方法
2015/06/30 Python
详解Python文本操作相关模块
2017/06/22 Python
django 创建过滤器的实例详解
2017/08/14 Python
python3安装crypto出错及解决方法
2019/07/30 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
Python实现名片管理系统
2020/02/14 Python
Python使用pdb调试代码的技巧
2020/05/03 Python
django教程如何自学
2020/07/31 Python
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
英国婴儿产品专家:Samuel Johnston
2020/04/20 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
python执行js代码的方法
2021/05/13 Python
详解TypeScript的基础类型
2022/02/18 Javascript
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android