javascript中的onkeyup和onkeydown區別介紹_基礎知識

昨天在寫上次那個動態生成年月日下拉框和文字框限制輸入的時候遇到了一個問題，文字框裡輸入的時候要開始計算文字框裡面輸入了多少字，自然想到了onkeydown事件，然後計算value.length的方法，看程式碼吧

複製程式碼 程式碼如下:

程式碼如下:



moto.onkeydown=function(){
var curlen= this.value.length;
shuru.innerHTML=curlen;
shuru2.innerHTML= (200-curlen);
if(curlen>= 200){
this.value=this.value.substring(0,200);
curlen=200;
shuru.innerHTML=200;

shuru2.innerHTML=0;
return false;
} }

結果發現文字輸入後字數計算的不對，本來是4個字輸入完之後發現發現字數還是顯示0


想了好久，最後當吧onkeydown換成onkeyup之後，一切就好了

查了一下然來這兩個事件是有不同的onkeydown是按下的時候觸發的，這個時候鍵值沒有輸出來。 onkeyup是按鍵抬起的時候執行的，這個時候鍵值已經有了。和按多久沒關係，例如你給輸入框加這2個事件，

複製程式碼


程式碼如下:

你看看這二個不同的運行結果就懂了！

複製程式碼


代碼如下:


-/html/PUBL "IC DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

onkeydown是按下的時候觸發的，這個時候鍵值沒有輸出來。 onkeyup是按鍵抬起的時候執行的，這個時候鍵值已經有了。 和按多久沒關係，例如你給輸入框加這2個事件，