DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 文本框按鍵事件onkeydown、onkeypress、onkeyup區別
文本框按鍵事件onkeydown、onkeypress、onkeyup區別
編輯:JavaScript基礎知識     

當我們在搜索時,會用到這幾個屬性

  • onkeydown 是指鼠標按下的那一刻,此時用戶不知道按了什麼,文本框也不會顯示,首先觸發的事件
  • onkeypress 是指鼠標按下然後松開的瞬間,此時仍然獲取不到文本框的內容
  • onkeyup 是指鼠標松開後的那一刻,怎麼和onkeypress 區別呢,假如你按住一個鍵,不松開,那麼按住的時候會執行onkeydown和onkeypress,不會執行onkeyup,知道你松開鍵盤的那一刻執行。

也就是說,按一個字母時,執行的順序:onkeydown onkeypress onkeyup 

按住某個字母不放時,執行的順序:(onkeydown onkeypress ···· onkeydown onkeypress)onkeyup

然後當我們輸入中文時,卻不一樣:只會發生onkeydown 和 onkeyup

還有部分功能鍵如:F1、F3鍵等只會發生onkeydown ;Tab鍵,backspace,delete等鍵只會發生 onkeydown 和 onkeyup

<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Document</title>
<script>
function word(str) {
console.log(str + "---" + document.getElementById('txt').value);
}
</script>
</head>

<body>
<input type="text" id="txt" onerror="errortip()" onkeydown="word(1)" onkeypress="word(2)" onkeyup="word(3)" />
</body>

</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved