微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

兼容Firefox和IE的onpropertychange事件oninput_表单特效

php中文网
发布： 2016-05-16 19:04:00
原创
1326人浏览过

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。

表单大师AI
表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

表单大师AI 74
查看详情 表单大师AI

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

例子：
复制代码 代码如下:

 
 
oninput测试
 
 
 
 
<script> <BR> <!-- <BR>function getOs(){//判断浏览器类型 <BR> var OsObject = ""; <BR> if(navigator.userAgent.indexOf("MSIE")>0) { <BR> return "MSIE"; <BR> } <BR> if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ <BR> return "Firefox"; <BR> } <BR> if(isSafari=navigator.userAgent.indexOf("Safari")>0) { <BR> return "Safari"; <BR> } <BR> if(isCamino=navigator.userAgent.indexOf("Camino")>0){ <BR> return "Camino"; <BR> } <BR> if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ <BR> return "Gecko"; <BR> } <br><br>} <br><br>if(navigator.userAgent.indexOf("MSIE")>0){ <BR>document.getElementById('tx1').attachEvent("onpropertychange",txChange); <BR>}else if(navigator.userAgent.indexOf("Firefox")>0){ <BR> document.getElementById('tx1').addEventListener("input",txChange2,false); <BR>} <BR>function txChange(){ <BR> alert("testie"); <BR>} <BR>function txChange2(){ <BR> alert("testfirefox"); <BR>} <BR></script> 

以上就是兼容Firefox的onpropertychange事件方法。
相关标签：
javascript

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：js将网址转为urlencode类型_javascript技巧 下一篇：javascript 容错处理代码(屏蔽js错误)_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JS实现前端代码自动部署脚本_javascript工程化 答案：使用Node.js编写前端自动化部署脚本可实现一键构建、上传和重启服务。首先通过child_process执行npmrunbuild构建项目，再利用ssh2库建立SSH连接，将dist目录文件上传至远程服务器，最后远程执行pm2restart命令重启应用。结合配置文件可支持多环境部署，提升效率并减少人为错误。
2025-11-14 21:25:09
642
JavaScript箭头函数怎么理解_箭头函数特性与JS全栈编码应用解析 箭头函数是ES6语法，用=>定义，无this绑定，捕获外层作用域this，适用于回调，但不适用对象方法、构造函数等需动态this的场景。
2025-11-14 21:22:50
287
JavaScript闭包实战应用_常见场景与内存管理 闭包是函数与其词法环境的组合，可访问并记住定义时的作用域变量，常用于事件监听中保存状态，如为按钮绑定点击事件时捕获索引值，但需注意及时解除引用以防内存泄漏。
2025-11-14 21:19:02
577
JavaScript实现前端单元测试入门_javascript测试 单元测试是验证函数或方法在各种输入下是否返回预期结果的过程，JavaScript中常用Jest框架进行测试。通过npm安装Jest并配置脚本后，可创建测试文件使用test()定义用例，expect()结合toBe()、toEqual()等匹配器进行断言。对于异步操作如fetch请求，可用jest.fn()模拟响应数据，避免真实网络请求。从简单函数测试入手，逐步掌握断言、mock和异步处理，坚持为新功能编写测试，能有效提升代码质量与维护效率。
2025-11-14 21:14:02
897
js脚本怎么实现网页元素淡入淡出_js淡入淡出动画效果脚本编写 实现网页元素淡入淡出效果可通过JavaScript操作opacity属性或结合CSStransition。1.纯JS方式使用setInterval逐步改变元素透明度，控制渐变过程，适合简单场景；2.CSStransition方案通过定义动画过渡效果，由JS触发状态变化，性能更优、动画更流畅；3.可封装通用fade函数，支持传入元素、类型和时长，提升代码复用性。推荐优先使用CSStransition配合JS触发，解耦逻辑与表现，提升用户体验。
2025-11-14 21:01:43
545
React组件中异步数据渲染指南：解决Promise类型错误 本文旨在解决React组件中直接渲染异步函数返回的Promise所导致的类型错误。通过深入讲解问题根源，并提供结合ReactuseState和useEffectHook的解决方案，演示了如何在组件加载时异步获取数据（如用户名称），并将其安全、高效地展示在UI上，确保了组件的正确渲染和用户体验。
2025-11-14 20:57:02
968
JavaScript中Symbol数据类型的应用_javascript技巧 Symbol是ES6引入的唯一值类型，可避免属性名冲突、模拟私有属性、实现全局共享及自定义对象行为。1.用唯一性防止对象属性覆盖；2.创建不可枚举属性模拟私有状态；3.Symbol.for实现跨模块共享；4.内置Symbol定制语言行为如迭代和类型识别。
2025-11-14 20:50:03
471
JS正则回溯机制_性能优化要点 正则回溯是引擎在匹配失败后重新尝试的过程，不当使用贪婪量词或嵌套结构易导致回溯失控，如/(a+)+b/匹配无b字符串时产生指数级回溯，引发性能问题。
2025-11-14 20:50:03
930
JS注解怎么标注数据转换_ 数据格式转换函数的JS注解方法与示例 使用JSDoc注解可提升JavaScript数据转换函数的可读性与维护性。1.通过@param和@returns标注参数与返回值类型，如stringToDate函数将ISO字符串转为Date对象；2.使用@typedef定义复杂类型，清晰描述API数据到前端模型的转换，如transformUser函数实现ApiUser到AppUser的映射；3.对通用转换函数如toNumber，用*类型表示任意输入，并说明转换规则。配合IDE支持，JSDoc能提供智能提示与类型检查，尤其在大型项目中增强代码可维
2025-11-14 20:39:34
194
怎样用js脚本实现搜索框自动补全_js搜索自动补全脚本编写方法 答案：实现搜索框自动补全需监听输入事件，匹配本地或远程数据并动态显示结果。首先创建输入框和隐藏的下拉列表，定义数据源数组，通过input事件实时过滤匹配项，生成建议列表并支持点击填充。增强功能包括键盘导航（上下键切换、回车确认）、选中样式及防抖处理，提升用户体验。最终可扩展为异步获取后端数据。
2025-11-14 20:29:02
538
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部