首頁 > 開發者 > JavaScript
昨天在寫上次那個動態產生年月日下拉框和文字框限制輸入的時候遇到了一個問題，文字框裡輸入的時候要開始計算文字框裡面輸入了多少字，自然想到了onkeydown事件，然後計算value.length的方法，看代碼吧
複製代碼 代碼如下:moto.onkeydown=function(){結果發現文字輸入完之後字數計算的不對，本來是4個字輸入完之後發現發現字數還是顯示0
想了好久，最後當吧onkeydown換成onkeyup之後，一切就好了
查了一下然來這兩個事件是有不同的
onkeydown是按下的時候觸發的，這個時候索引值沒有輸出來。 onkeyup是按鍵抬起的時候執行的，這個時候索引值已經有了。和按多長時間沒關係，比如你給輸入框加這2個事件， 複製代碼 代碼如下:<input type="text" id="test1" onkeydown="alert(this.value);"/>
<input type="text" id="test2" onkeyup="alert(this.value);"/>
你看看這二個不同的運行結果就明白 了！ 複製代碼 代碼如下:<!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是按下的時候觸發的，這個時候索引值沒有輸出來。
onkeyup是按鍵抬起的時候執行的，這個時候索引值已經有了。
和按多長時間沒關係，比如你給輸入框加這2個事件，
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
