js中onkeydown onkeypress 和onkeyup的區別

xioqua 發布于2019-08-19 18:34 / 1636人閱讀

摘要：系統按鈕例如，箭頭鍵和功能鍵無法得到識別。關于事件響應事件響應的時候輸入的字符并沒有被系統接受，而響應的時候，輸入流已經被系統接受。參考中與的區別對象

在查看js event時看到這三個事件，隨手Google了一下，和自己之前理解的有些出入，記錄下來以方便后期需要時查詢。

一、msdn上關于三者的說明

onkeydown

這個事件在用戶按下任何鍵盤鍵（包括系統按鈕，如箭頭鍵和功能鍵）時發生。

onkeypress

這個事件在用戶按下并放開任何字母數字鍵時發生。系統按鈕（例如，箭頭鍵和功能鍵）無法得到識別。

onkeyup

這個事件在用戶放開任何先前按下的鍵盤鍵時發生.

二、區別

關于執行順序

測試發現onkeydown 事件最先執行，其次是onkeypress,最后是onkeyup；onkeydown 和onkeypress會影響onkeyup的執行。三個事件同事在的話，都是alert的話，只會彈出2個alert，up事件的alert不會彈出。

關于事件響應

onkeydown 、onkeypress事件響應的時候輸入的字符并沒有被系統接受，而響應onkeyup的時候，輸入流已經被系統接受。

onkeydown 觸發的時候輸入流正要進入系統，也就是說onkeydown 事件一完，輸入流就進入了系統，無法改變。所以通過onkeydown 事件可以改變用戶是按了哪個鍵；而onkeypress事件則是在輸入流進入系統后觸發的，但輸入流暫未被系統處理，此時已經不能改變輸入流了；onkeyup則是輸入流被系統處理后發生的。

參考

1、js中onkeyup、onkeydown與onkeypress的區別
2、HTML DOM Event 對象

云服務器 GPU云服務器 js和javascript的區別 js數據對象和對象的區別嗎 js中數據和對象的關系圖 js中函數和類

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79718.html

動態監聽輸入框值的變化

摘要：以上事件是鍵盤事件，但是當使用作為監聽事件時，會發現一些復制粘貼等操作用不了。二輸入框事件和都是事件對象，當輸入框的值發生改變時觸發該事件。不同的是，是在值改變時立即觸發，而是在值改變后失去焦點才觸發，并且可以用在非輸入框中，如等。一、鍵盤事件 1.onkeydownonkeydown 事件會在用戶按下一個鍵盤按鍵時發生。2.onkeypress onkeypress 事件會在鍵盤按...

missonce 2019-08-26 11:58 評論0 收藏0
DOM事件

摘要：語法事件執行腳本在元素上綁定事件。最后這個布爾值參數如果是，表示在捕獲階段調用事件處理程序如果是，表示在冒泡階段調用事件處理程序。注：部分參考來源：JavaScript 高級程序設計（第3版）注：部分參考來源：慕課網什么是事件事件就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。事件流事件流描述的是從頁面中接收事件的順序。 IE的事件流是事件冒泡流。 Netscape Com...

DDreach 2019-08-23 17:16 評論0 收藏0
原生input和onchange

摘要：簡單是中輸入值可以輸多個，類似還是覺得讓用戶選，比用戶輸合適不過沒辦法，開始做。是的專屬屬性，以下不支持。直接使用就行代碼填充內容參考文章總結與事件的用法和區別簡單是：input中輸入id值(可以輸多個，類似12,13,14) ps: 還是覺得讓用戶選，比用戶輸合適不過沒辦法，開始做。先認識一下原生的onchange，其實際意義并不是輸入改變就會監聽到，而是onchange事件只在...

張率功 2019-08-20 19:03 評論0 收藏0
js--DOM事件綁定

摘要：中的事件綁定函數和可能在實踐中不去使用，有幾個原因就將全面支持中的事件綁定函數的事件綁定函數無法傳遞的事件綁定函數不支持捕獲同一個函數注冊綁定后，沒有屏蔽掉有內存泄漏的問題 js事件綁定 JavaScript 有三種事件模型：內聯模型腳本模型 DOM2 模型內聯模型 //基本廢除不用腳本模型 //基本不用 var input = document.getE...

tianhang 2019-08-26 11:50 評論0 收藏0