繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 两个INPUT同步输入的方法小结 兼容IE和firefox
- Javascript
- javascript实现的鼠标悬停时动态翻滚的导航条
- 通过隐藏option实现select的联动效果
- jquery 输入框数字限制插件
- 文字来回上下移动或跳动的代码
- JS旋转的彩色文字轮转特效
- 不一样的文字闪烁 轮番闪烁
- Javascript 解疑
- jQuery 白痴级入门教程
- Jquery在IE7下无法使用 $.ajax解决方法
- javascript 日期常用的方法
- ASP中进行HTML数据及JS数据编码函数
- JS 中document.URL 和 windows.location.href 的区别
- 跨域表单提交状态的变相判断代码
- JS解析XML的实现代码
- Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
- Javascript 定时器调用传递参数的方法
- 把html页面的部分内容保存成新的html文件的jquery代码
- XHTML下,JS浮动代码失效的问题
- 两个select之间option的互相添加操作(jquery实现)
- Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Javascript 中的 两个INPUT同步输入的方法小结 兼容IE和firefox
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 283 ::
收藏到网摘: 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
