javascript - js輸入框限定字?jǐn)?shù)問題
問題描述
js輸入框限定輸入框的字?jǐn)?shù)，以下代碼
<input type=’text’ onkeyup='checkNumber($(this))'>function checkNumber($this){ let val=$this.val(); if(val.length > 10 ){alert(’字?jǐn)?shù)超過10’); }}
在實(shí)際過程中，發(fā)現(xiàn)以下問題，如圖：
在輸入法中是，先顯示字母，再將字母拼音轉(zhuǎn)換成漢字。故可能在輸入的時(shí)候，字母加漢字已超過限定的字?jǐn)?shù)，該如何解決？
問題解答
回答1：<input type='text' maxlength='10'>回答2：
oninput='checkNumber($(this))'
回答3：你不用alert，用輸入框后面加紅框的形式就可以了
回答4：我們?cè)O(shè)想下，input也輸入全英文的、或者中文，需要限定長(zhǎng)度小于10,那么maxlength='10'是需要的，checkNumber函數(shù)然后判斷是否input有存在中文，有的話判斷最后字符是否是英文。如果沒有中文說明說純英文就提示，這樣方案不足之處有中文和英文一起存在不好判斷。
回答5：下面這個(gè)例子，不知會(huì)不會(huì)幫到你
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>input 事件兼容處理以及中文輸入法優(yōu)化</title></head><body> <input type=’text’> <script>var input = document.querySelector(’input’);var isLock = false;//當(dāng)瀏覽器有非直接的文字輸入時(shí), compositionstart事件會(huì)以同步模式觸發(fā).input.addEventListener(’compositionstart’, function(){ isLock = true;})//當(dāng)瀏覽器是直接的文字輸入時(shí), compositionend會(huì)以同步模式觸發(fā).input.addEventListener(’compositionend’, function(){ isLock = false;});input.addEventListener(’input’,function(e){ if(!isLock)console.log(this.value);}); </script></body></html>回答6：
onkeyup事件換成onblur事件解決。
相關(guān)文章：
1. python - [已解決]flask QQ郵箱mail2. html - eclipse 標(biāo)簽錯(cuò)誤3. 主題切換問題，用過別人的webapp在后臺(tái)切換模板主題后手機(jī)端打開網(wǎng)頁(yè)就是切換到的主題了4. javascript - 小程序中遇到j(luò)s執(zhí)行時(shí)序問題5. mysql 5個(gè)left關(guān)鍵 然后再用搜索條件 幾千條數(shù)據(jù)就會(huì)卡，如何解決呢6. 按照本節(jié)給的代碼“膽小如鼠”并不能變成紅色7. mysql - 在不允許改動(dòng)數(shù)據(jù)表的情況下，如何優(yōu)化以varchar格式存儲(chǔ)的時(shí)間的比較？8. python3.x - git bash如何運(yùn)行.bat文件？9. javascript - 為什么在谷歌控制臺(tái) 輸出1的時(shí)候，輸出的1立馬就不見了10. javascript - position fixed；設(shè)置了height 100 卻不是瀏覽器可視窗口的寬高，求大神釋疑。
網(wǎng)公網(wǎng)安備