兩個(gè)INPUT同步輸入的方法小結(jié) 兼容IE和firefox
更新時(shí)間：2009年04月03日 01:05:20 作者：
有時(shí)候我們需要同步輸入一些表單input等，下面的幾種方法，建議用onkeyup的方法來(lái)實(shí)現(xiàn)。
第一種 可以用onpropertychange來(lái)實(shí)現(xiàn) 只支持IE
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第二種可以用onkeydown事件綁定。但會(huì)少一個(gè)字母
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第三種 用onkeyup實(shí)現(xiàn)，就是當(dāng)鍵盤彈起的時(shí)候。IE和firefox都支持
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
就是2個(gè)事件的先后問(wèn)題，造成 onkeydown 會(huì)丟失一個(gè)字母，它所做的事情就是當(dāng)按鍵按下立時(shí)觸發(fā)的事情，這時(shí)你們只是按下了按鍵，但是還沒有把你們想傳入的數(shù)據(jù)錄入 <input 里面，就已經(jīng)出發(fā)了 onkeydown。 而onkeyup 就很好的解決了這個(gè)問(wèn)題，它就是當(dāng)計(jì)算機(jī)接收了你輸入的字符后，抬起鍵盤的一瞬間觸發(fā)事件，那個(gè)字母或者符號(hào)就不會(huì)缺少。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第二種可以用onkeydown事件綁定。但會(huì)少一個(gè)字母
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第三種 用onkeyup實(shí)現(xiàn)，就是當(dāng)鍵盤彈起的時(shí)候。IE和firefox都支持
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
就是2個(gè)事件的先后問(wèn)題，造成 onkeydown 會(huì)丟失一個(gè)字母，它所做的事情就是當(dāng)按鍵按下立時(shí)觸發(fā)的事情，這時(shí)你們只是按下了按鍵，但是還沒有把你們想傳入的數(shù)據(jù)錄入 <input 里面，就已經(jīng)出發(fā)了 onkeydown。 而onkeyup 就很好的解決了這個(gè)問(wèn)題，它就是當(dāng)計(jì)算機(jī)接收了你輸入的字符后，抬起鍵盤的一瞬間觸發(fā)事件，那個(gè)字母或者符號(hào)就不會(huì)缺少。
相關(guān)文章
File文件控件，選中文件(圖片,flash,視頻)即立即預(yù)覽顯示
非常不錯(cuò)的File文件控件，圖片,flash,視頻都可以立即顯示，推薦使用。2009-04-04
在textarea中屏蔽js的某個(gè)function的javascript代碼
在textarea中屏蔽js的某個(gè)function的javascript代碼...2007-04-04
Ctrl + Enter提交前檢測(cè)的代碼...2006-08-08
在web頁(yè)面中，經(jīng)常有信息錄入頁(yè)面，比如登錄頁(yè)面或者注冊(cè)頁(yè)面，在頁(yè)面打開時(shí)，將光標(biāo)的焦點(diǎn)自動(dòng)定位在第一個(gè)輸入字段中，這將會(huì)有更好的用戶體驗(yàn)。2010-10-10
刷新時(shí)清空文本框內(nèi)容的js代碼...2007-04-04
用srcElement實(shí)現(xiàn)添加效果...2006-08-08
javascript 自動(dòng)填寫表單的實(shí)現(xiàn)方法
在訪問(wèn)某些站點(diǎn)時(shí)，常常發(fā)現(xiàn)要填寫一些沒有實(shí)際意義但又必須得重復(fù)填寫的表單，而且現(xiàn)在B/S的應(yīng)用越來(lái)越多，下面的方法也許可以讓你輕松點(diǎn)。2010-04-04
幾種js操作select控件的方法，這里基本是整理的比較全了，另外腳本之家特給大家準(zhǔn)備了一些相關(guān)的文章。讓你更深入的了解javascript下select的操作。2010-06-06
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧...2007-02-02
JS多級(jí)連動(dòng)菜單...2007-01-01