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实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
javascript call方法使用说明
Jan 11 Javascript
Js 回车换行处理的办法及replace方法应用
Jan 24 Javascript
jquery等待效果示例
May 01 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
详解在React里使用&quot;Vuex&quot;
Apr 02 Javascript
vue 项目 iOS WKWebView 加载
Apr 17 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
微信小程序以ssm做后台开发的实现示例
Apr 08 Javascript
Vue组件跨层级获取组件操作
Jul 27 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中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
php 输入输出流详解及示例代码
2016/08/25 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
2017/11/03 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
python入门之井字棋小游戏
2020/03/05 Python
python中使用np.delete()的实例方法
2021/02/01 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
农民工工资发放承诺书
2014/03/31 职场文书
工业自动化专业自荐信范文
2014/04/10 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
借款协议书
2014/09/16 职场文书
党员民主评议总结
2014/10/20 职场文书
百年校庆感言
2015/08/01 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技