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

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

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

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

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

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

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

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



    
        
        RunJS

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

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

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

相關(guān)文章

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

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

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

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

陳偉 2019-08-01 16:34 評論0 收藏0
說一說限制字數(shù)的輸入框踩的坑

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

luck 2019-08-21 14:16 評論0 收藏0
動態(tài)監(jiān)聽輸入框值的變化

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

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