国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - js輸入框限定字數問題

瀏覽:124日期:2023-04-10 14:59:09

問題描述

js輸入框限定輸入框的字數,以下代碼

<input type=’text’ onkeyup='checkNumber($(this))'>function checkNumber($this){ let val=$this.val(); if(val.length > 10 ){alert(’字數超過10’); }}

在實際過程中,發現以下問題,如圖:javascript - js輸入框限定字數問題

在輸入法中是,先顯示字母,再將字母拼音轉換成漢字。故可能在輸入的時候,字母加漢字已超過限定的字數,該如何解決?

問題解答

回答1:

<input type='text' maxlength='10'>回答2:

oninput='checkNumber($(this))'

回答3:

你不用alert,用輸入框后面加紅框的形式就可以了

回答4:

我們設想下,input也輸入全英文的、或者中文,需要限定長度小于10,那么maxlength='10'是需要的,checkNumber函數然后判斷是否input有存在中文,有的話判斷最后字符是否是英文。如果沒有中文說明說純英文就提示,這樣方案不足之處有中文和英文一起存在不好判斷。

回答5:

下面這個例子,不知會不會幫到你

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>input 事件兼容處理以及中文輸入法優化</title></head><body> <input type=’text’> <script>var input = document.querySelector(’input’);var isLock = false;//當瀏覽器有非直接的文字輸入時, compositionstart事件會以同步模式觸發.input.addEventListener(’compositionstart’, function(){ isLock = true;})//當瀏覽器是直接的文字輸入時, compositionend會以同步模式觸發.input.addEventListener(’compositionend’, function(){ isLock = false;});input.addEventListener(’input’,function(e){ if(!isLock)console.log(this.value);}); </script></body></html>回答6:

onkeyup事件換成onblur事件解決。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲精品成人7777在线观看 | 日本在线免费观看视频 | 免费v片视频在线观看视频 免费v片在线观看 | 深夜福利网址 | 亚洲成人在线免费视频 | 九九视频在线免费观看 | 国产亚洲福利一区二区免费看 | 日韩在线一区二区三区免费视频 | 亚洲伦 | 久久99国产精一区二区三区 | 91啦中文成人| 视频二区 中文字幕 欧美 | 色欲麻豆国产福利精品 | 国产三级视频在线 | 国产成人一区二区三中文 | 国产免费黄视频 | 成人精品一区二区www | 色本| 国产精品久久久一区二区三区 | 韩国一大片a毛片 | 日本a级三级三级三级久久 日本a级特黄三级三级三级 | 国产精品亚洲四区在线观看 | 亚洲成人免费观看 | 欧美日韩一日韩一线不卡 | 亚洲午夜精品一级在线播放放 | 综合精品视频 | 亚洲精品成人 | 一区二区三区四区视频在线 | 日韩精品一区二区三区在线观看 | 久久黄色免费网站 | 欧美大片一级特黄 | 国产免费爽爽视频免费可以看 | 色三级大全高清视频在线观看 | 日韩色视频一区二区三区亚洲 | 三a毛片| 久久成人黄色 | 欧美人成在线观看 | 亚洲精品第一区二区三区 | 欧美一区中文字幕 | 国产精品久久大陆 | 亚洲精品国产福利一区二区三区 |