解決onKeypress中文輸入不觸發(fā)問題

CoXie 發(fā)布于2019-08-20 15:21 / 925人閱讀

摘要：在對(duì)文本綁定時(shí)，輸入數(shù)字字母特殊符號(hào)是都會(huì)觸發(fā)事件，但唯獨(dú)輸入中文時(shí)，事件是不會(huì)觸發(fā)的我覺得可以使用事件代替是的標(biāo)準(zhǔn)事件，對(duì)于檢測和這幾個(gè)元素通過用戶界面發(fā)生的內(nèi)容變化非常有用，在內(nèi)容修改后立即被觸發(fā)，不像事件需要失去焦點(diǎn)才觸發(fā)。

onKeypress事件會(huì)在鍵盤按鍵被按下并釋放一個(gè)鍵時(shí)發(fā)生。在對(duì)input文本綁定時(shí)，輸入數(shù)字、字母、特殊符號(hào)是都會(huì)觸發(fā)onKeypress事件，但唯獨(dú)輸入中文時(shí)，onKeypress事件是不會(huì)觸發(fā)的！我覺得可以使用onInput事件代替！

oninput 是 HTML5 的標(biāo)準(zhǔn)事件，對(duì)于檢測 textarea, input:text, input:password 和 input:search 這幾個(gè)元素通過用戶界面發(fā)生的內(nèi)容變化非常有用，在內(nèi)容修改后立即被觸發(fā)，不像 onchange 事件需要失去焦點(diǎn)才觸發(fā)。oninput 事件在主流瀏覽器的兼容情況如下：

有一個(gè)需求是這樣的：在input框只能輸入數(shù)字，能兼容火狐，IE9的。

如果是使用onKepress事件綁定input，輸入中文時(shí)就會(huì)出現(xiàn)不觸發(fā)onKeypress事件，也就是沒有任何的意義！

演示地址 ==> http://runjs.cn/detail/pfojehd8



    
        
        RunJS

云服務(wù)器 GPU云服務(wù)器解決TPM不支持問題 js 輸入時(shí)觸發(fā)事件函數(shù)計(jì)算不觸發(fā) js不點(diǎn)擊就觸發(fā)

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

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

相關(guān)文章

解決onKeypress中文輸入不觸發(fā)問題

摘要：在對(duì)文本綁定時(shí)，輸入數(shù)字字母特殊符號(hào)是都會(huì)觸發(fā)事件，但唯獨(dú)輸入中文時(shí)，事件是不會(huì)觸發(fā)的我覺得可以使用事件代替是的標(biāo)準(zhǔn)事件，對(duì)于檢測和這幾個(gè)元素通過用戶界面發(fā)生的內(nèi)容變化非常有用，在內(nèi)容修改后立即被觸發(fā)，不像事件需要失去焦點(diǎn)才觸發(fā)。 onKeypress事件會(huì)在鍵盤按鍵被按下并釋放一個(gè)鍵時(shí)發(fā)生。在對(duì)input文本綁定時(shí)，輸入數(shù)字、字母、特殊符號(hào)是都會(huì)觸發(fā)onKeypress事件，但唯獨(dú)輸...

sewerganger 2019-08-29 12:16 評(píng)論0 收藏0
解決onKeypress中文輸入不觸發(fā)問題

摘要：在對(duì)文本綁定時(shí)，輸入數(shù)字字母特殊符號(hào)是都會(huì)觸發(fā)事件，但唯獨(dú)輸入中文時(shí)，事件是不會(huì)觸發(fā)的我覺得可以使用事件代替是的標(biāo)準(zhǔn)事件，對(duì)于檢測和這幾個(gè)元素通過用戶界面發(fā)生的內(nèi)容變化非常有用，在內(nèi)容修改后立即被觸發(fā)，不像事件需要失去焦點(diǎn)才觸發(fā)。 onKeypress事件會(huì)在鍵盤按鍵被按下并釋放一個(gè)鍵時(shí)發(fā)生。在對(duì)input文本綁定時(shí)，輸入數(shù)字、字母、特殊符號(hào)是都會(huì)觸發(fā)onKeypress事件，但唯獨(dú)輸...

陳偉 2019-08-01 16:34 評(píng)論0 收藏0
說一說限制字?jǐn)?shù)的輸入框踩的坑

摘要：所以最后犧牲了下用戶體驗(yàn)，找到了一個(gè)折中的方式輸入框失去焦點(diǎn)時(shí)即，或者用戶輸入回車鍵時(shí)才進(jìn)行內(nèi)容長度的檢測。當(dāng)然如果發(fā)現(xiàn)輸入框內(nèi)容超過限制，要將光標(biāo)停留在輸入框內(nèi)，方便用戶進(jìn)行修改。前言最近產(chǎn)品需要做不少輸入框，產(chǎn)品想要的交互效果是：用戶可以輸入中英文，隨著用戶輸入能實(shí)時(shí)顯示已經(jīng)輸入的字符個(gè)數(shù)，當(dāng)超過數(shù)量限制時(shí)輸入框邊框變紅，同時(shí)給用戶提示信息。這交互聽起來沒啥問題，技術(shù)實(shí)現(xiàn)上似...

luck 2019-08-21 14:16 評(píng)論0 收藏0
動(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 2019-08-26 11:58 評(píng)論0 收藏0