js实时监听文本框状态的方法

时间:2024-04-25 13:10:58 


<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>
标签:监听,文本框状态,addEventListener
0
投稿

猜你喜欢

  • 保护你的ASP页面的两种办法

    2008-06-10 16:53:00
  • Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作

    2023-09-28 13:34:17
  • 给你一面国旗 教你用python画中国国旗

    2023-06-25 15:10:36
  • 使用python实现链表操作

    2021-07-29 23:30:38
  • Git 命令使用技巧提供工作效率

    2022-05-11 18:01:33
  • python namedtuple函数的使用

    2021-09-27 08:18:30
  • 复制SqlServer数据库的方法

    2024-01-26 22:46:26
  • Pyecharts可视化图片渲染的方法详解

    2021-02-02 22:39:30
  • 微信小程序开发常见问题及解决方案

    2024-04-18 09:35:04
  • vue.js使用v-if实现显示与隐藏功能示例

    2024-05-02 16:59:50
  • Python sqlite3查询操作过程解析

    2023-11-23 18:37:21
  • Python使用pdb调试代码的技巧

    2022-11-18 04:36:06
  • 用Python的Django框架完成视频处理任务的教程

    2022-05-07 05:38:25
  • Python2中的raw_input() 与 input()

    2022-05-16 07:42:06
  • 基于Pyinstaller打包Python程序并压缩文件大小

    2023-11-10 06:41:05
  • 如何使用w3 upload上传组件上传文件?

    2010-05-16 15:11:00
  • javascript数组的使用

    2024-06-07 15:25:37
  • Python图像处理库PIL的ImageGrab模块介绍详解

    2023-11-16 18:22:11
  • Python3简单实例计算同花的概率代码

    2023-07-20 16:23:03
  • Safari参考样式库之webkit

    2009-07-26 09:50:00
  • asp之家 网络编程 m.aspxhome.com