成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js中onkeydown onkeypress 和onkeyup的區(qū)別

xioqua / 1635人閱讀

摘要：系統(tǒng)按鈕例如，箭頭鍵和功能鍵無法得到識(shí)別。關(guān)于事件響應(yīng)事件響應(yīng)的時(shí)候輸入的字符并沒有被系統(tǒng)接受，而響應(yīng)的時(shí)候，輸入流已經(jīng)被系統(tǒng)接受。參考中與的區(qū)別對(duì)象

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

一、msdn上關(guān)于三者的說明

onkeydown

這個(gè)事件在用戶按下任何鍵盤鍵（包括系統(tǒng)按鈕，如箭頭鍵和功能鍵）時(shí)發(fā)生。

onkeypress

這個(gè)事件在用戶按下并放開任何字母數(shù)字鍵時(shí)發(fā)生。系統(tǒng)按鈕（例如，箭頭鍵和功能鍵）無法得到識(shí)別。

onkeyup

這個(gè)事件在用戶放開任何先前按下的鍵盤鍵時(shí)發(fā)生.
二、區(qū)別

關(guān)于執(zhí)行順序

測(cè)試發(fā)現(xiàn)onkeydown 事件最先執(zhí)行，其次是onkeypress,最后是onkeyup；onkeydown 和onkeypress會(huì)影響onkeyup的執(zhí)行。三個(gè)事件同事在的話，都是alert的話，只會(huì)彈出2個(gè)alert，up事件的alert不會(huì)彈出。

關(guān)于事件響應(yīng)

onkeydown 、onkeypress事件響應(yīng)的時(shí)候輸入的字符并沒有被系統(tǒng)接受，而響應(yīng)onkeyup的時(shí)候，輸入流已經(jīng)被系統(tǒng)接受。


onkeydown 觸發(fā)的時(shí)候輸入流正要進(jìn)入系統(tǒng)，也就是說onkeydown 事件一完，輸入流就進(jìn)入了系統(tǒng)，無法改變。所以通過onkeydown 事件可以改變用戶是按了哪個(gè)鍵；而onkeypress事件則是在輸入流進(jìn)入系統(tǒng)后觸發(fā)的，但輸入流暫未被系統(tǒng)處理，此時(shí)已經(jīng)不能改變輸入流了；onkeyup則是輸入流被系統(tǒng)處理后發(fā)生的。
參考

1、js中onkeyup、onkeydown與onkeypress的區(qū)別
2、HTML DOM Event 對(duì)象

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79718.html

相關(guān)文章

  • 動(dòng)態(tài)監(jiān)聽輸入框值的變化

    摘要：以上事件是鍵盤事件，但是當(dāng)使用作為監(jiān)聽事件時(shí)，會(huì)發(fā)現(xiàn)一些復(fù)制粘貼等操作用不了。二輸入框事件和都是事件對(duì)象，當(dāng)輸入框的值發(fā)生改變時(shí)觸發(fā)該事件。不同的是，是在值改變時(shí)立即觸發(fā)，而是在值改變后失去焦點(diǎn)才觸發(fā)，并且可以用在非輸入框中，如等。 一、鍵盤事件 1.onkeydownonkeydown 事件會(huì)在用戶按下一個(gè)鍵盤按鍵時(shí)發(fā)生。2.onkeypress onkeypress 事件會(huì)在鍵盤按...

    missonce 評(píng)論0 收藏0

  • DOM事件

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

    DDreach 評(píng)論0 收藏0

  • 原生input和onchange

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

    張率功 評(píng)論0 收藏0

  • js--DOM事件綁定

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

    tianhang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<