繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 两个INPUT同步输入的方法小结 兼容IE和firefox
- Javascript
- jquery控制listbox中项的移动并排序
- Jquery操作Select 简单方便 一个js插件搞定
- JQuery SELECT单选模拟jQuery.select.js
- 用document.documentElement取代document.body的原因分析
- Marquee配合DIV实现的文字滚动效果代码
- JS溶解形式的文字切换特效
- 文字在网页上下浮动 学习可以不建议用
- [原创]一段时间以后切换显示的广告代码
- 传智播客学习之JavaScript基础篇
- javascript 带有滚动条的表格,标题固定,带排序功能.
- jquery 可排列的表实现代码
- jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
- jQuery checkbox全选/取消全选实现代码
- javascript 去字符串空格终极版(支持utf8)
- flash 得到自身url参数的代码
- Dojo 学习笔记入门篇 First Dojo Example
- JavaScript 语法集锦 脚本之家基础推荐
- Javascript 中文字符串处理额外注意事项
- JavaScript的eval JSON object问题
- JavaScript OOP类与继承
Javascript 中的 两个INPUT同步输入的方法小结 兼容IE和firefox
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 260 ::
收藏到网摘: n/a
有时候我们需要同步输入一些表单input等，下面的几种方法，建议用onkeyup的方法来实现。 第一种 可以用onpropertychange来实现 只支持IE
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
第二种可以用onkeydown事件绑定。但会少一个字母
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
第三种 用onkeyup实现，就是当键盘弹起的时候。IE和firefox都支持
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
就是2个事件的先后问题，造成 onkeydown 会丢失一个字母，它所做的事情就是当按键按下立时触发的事情，这时你们只是按下了按键，但是还没有把你们想传入的数据录入 <input 里面，就已经出发了 onkeydown。 而onkeyup 就很好的解决了这个问题，它就是当计算机接收了你输入的字符后，抬起键盘的一瞬间触发事件，那个字母或者符号就不会缺少。
评论 (0) All
