js输入框限定字数问题

Question

js输入框限定输入框的字数，以下代码

<input type='text' onkeyup="checkNumber($(this))">

function checkNumber($this){

    let val=$this.val();

    if(val.length > 10 ){

        alert('字数超过10');

    }

}

在实际过程中，发现以下问题，如图：

在输入法中是，先显示字母，再将字母拼音转换成汉字。故可能在输入的时候，字母加汉字已超过限定的字数，该如何解决？

Answer 1

<input&nbsp;type="text"&nbsp;maxlength="10">