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 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
提升你网站水平的jQuery插件集合推荐
Apr 19 Javascript
Javascript变量作用域详解
Dec 06 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
Jan 13 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
vue实现无缝轮播效果(跑马灯)
May 14 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控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
php单例模式实现方法分析
2015/03/14 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
Windows服务器中PHP如何安装redis扩展
2019/09/27 PHP
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
vue实现选中效果
2020/10/07 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
详解Django解决ajax跨域访问问题
2018/08/24 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
儿科护理实习自我鉴定
2013/09/19 职场文书
个人简历中自我评价
2014/02/11 职场文书
开门红主持词
2014/04/02 职场文书
元旦寄语大全
2014/04/10 职场文书
事业单位鉴定材料
2014/05/25 职场文书
就业协议书
2014/09/12 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
委托书格式要求
2015/01/28 职场文书
邀请函模板
2015/02/02 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
Golang连接并操作MySQL
2022/04/14 MySQL
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL