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跟随滚动条滚动浮动代码
Dec 31 Javascript
某人初学javascript的时候写的学习笔记
Dec 30 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
爬虫利器Puppeteer实战
Jan 09 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
Fetch超时设置与终止请求详解
May 18 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
PHP如何编写易读的代码
2007/07/10 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
关于WordPress的SEO优化相关的一些PHP页面脚本技巧
2015/12/10 PHP
ThinkPHP5.1的权限控制怎么写?分享一个AUTH权限控制
2021/03/09 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
elementUI同一页面展示多个Dialog的实现
2020/11/19 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
python图书管理系统
2020/04/05 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
Python的几种主动结束程序方式
2019/11/22 Python
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
安全环保演讲稿
2014/08/28 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
教师节寄语2015
2015/03/23 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS