亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript中的onkeyup和onkeydown區(qū)別介紹

 更新時間:2013年04月28日 17:17:32   作者:  
文本框里輸入的時候要開始計算文本框里面輸入了多少字,自然想到了onkeydown事件,然后計算value.length的方法,下面看下具體的代碼

昨天在寫上次那個動態(tài)生成年月日下拉框和文本框限制輸入的時候遇到了一個問題,文本框里輸入的時候要開始計算文本框里面輸入了多少字,自然想到了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;
}
}

結(jié)果發(fā)現(xiàn)文字輸入完之后字數(shù)計算的不對,本來是4個字輸入完之后發(fā)現(xiàn)發(fā)現(xiàn)字數(shù)還是顯示0

想了好久,最后當吧onkeydown換成onkeyup之后,一切就好了

查了一下然來這兩個事件是有不同的
onkeydown是按下的時候觸發(fā)的,這個時候鍵值沒有輸出來。 onkeyup是按鍵抬起的時候執(zhí)行的,這個時候鍵值已經(jīng)有了。和按多長時間沒關(guān)系,比如你給輸入框加這2個事件,
復制代碼 代碼如下:

<input type="text" id="test1" onkeydown="alert(this.value);"/>
<input type="text" id="test2" onkeyup="alert(this.value);"/>

你看看這二個不同的運行結(jié)果就明白 了!
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="text" id="test1" onkeydown="alert(this.value);"/>
<input type="text" id="test2" onkeyup="alert(this.value);"/>
</body>
</html>

onkeydown是按下的時候觸發(fā)的,這個時候鍵值沒有輸出來。
onkeyup是按鍵抬起的時候執(zhí)行的,這個時候鍵值已經(jīng)有了。
和按多長時間沒關(guān)系,比如你給輸入框加這2個事件,

相關(guān)文章

最新評論