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 相关文章推荐
做网页的一些技巧(续)
Feb 01 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
在新窗口打开超链接的方法小结
Apr 14 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
js仿京东放大镜效果
Aug 09 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开发GUI
2006/10/09 PHP
兼容PHP5的PHP目录管理函数库
2008/07/10 PHP
php ss7.5的数据调用 (笔记)
2010/03/08 PHP
PHP实现今天是星期几的几种写法
2013/09/26 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
浅谈PDO的rowCount函数
2015/06/18 PHP
php实现支付宝当面付(扫码支付)功能
2018/05/30 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
Js控制滑轮左右滑动实例
2015/02/13 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
Nuxt.js踩坑总结分享
2018/01/18 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python单链表实现代码实例
2013/11/21 Python
Python文件的读写和异常代码示例
2017/10/31 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
傲盾软件面试题
2015/08/17 面试题
PyQt 如何创建自定义QWidget
2021/03/24 Python
励志演讲稿500字
2014/08/21 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
2016中秋节广告语
2016/01/28 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
Python字典的基础操作
2021/11/01 Python
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python