做限制輸入框可輸入最大的長度和實時匹配輸入框資料時遇到了坑 —— 當中文輸入時input事件也會被觸發，即假設限制的是2個字元，你要輸入社會人的“社（she）”，就會直接被擷取，輸入框填充文字sh。或者是在中文輸入法時也會一直去調介面，匹配資料，影響了頁面的效能！程式碼如下：

$(document).on('input','input',function(){
  console.log('限制最大輸入字元（擷取）')
})

這個問題，可以宣告一個inputFlag，使用compositionstart,compositionend配合解決，程式碼如下：

var inputFlag = true
 

$(document).on('compositionstart', 'input',function () {
  inputFlag = true
}).on('compositionend','input',function () {
  inputFlag = false
}).on('input','input', function () {
  //定時器內才會生效 注意：定時器內this指向已發生改變
  setTimeout(function(){
    if (inputFlag == false) return   // 中文輸入過程中不截斷
      console.log('限制最大輸入字元（擷取）'
 
)
    })
  })