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 相关文章推荐
js GridView 实现自动计算操作代码
Mar 25 Javascript
模仿JQuery sortable效果 代码有错但值得看看
Nov 05 Javascript
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
jquery常用特效方法使用示例
Apr 25 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
Sep 02 Javascript
Javascript原型链及instanceof原理详解
May 25 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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 页面执行时间计算代码
2008/12/04 PHP
PHP实现获取图片颜色值的方法
2014/07/11 PHP
php中mkdir函数用法实例分析
2014/11/15 PHP
PHP导入导出Excel代码
2015/07/07 PHP
JS面向对象编程浅析
2011/08/28 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
2020/11/09 jQuery
ES6中的类(Class)示例详解
2020/12/09 Javascript
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
Python中字典和JSON互转操作实例
2015/01/19 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
工程管理专业毕业生自荐信
2014/01/24 职场文书
群众路线剖析材料
2014/02/02 职场文书
教师师德承诺书
2014/03/26 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
加班费申请报告
2015/05/15 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript