應產品的需求，在前端輸入文字的時候，需要監控當前輸入了多少字。找了很久，才找到幾個監控輸入的方法。

一開始用input測試時候，發現在輸入中文的過程中。文字還沒有確定，只是在輸入拼音過程中，就會被觸發。

而後找了compositionend，但是發現在輸入英文時候就沒法觸發此方法（不知道時候不是姿勢不正確導致的）。compositionend對應的有compositionstart方法，在輸入開始時候會被觸發。但是三個每個方法都無法滿足要求。後來參照google到的一個哥們寫的東西完成了監控。

isLock = false;//是否鎖定當前的輸入狀態
//輸入即可觸發【不區分中文和英文】
document.querySelector('#textarea').addEventListener('input',function(){
	//只有在非中文輸入狀態的時候，才能更改數字
	if(!isLock){
		var num = this.value.length;
		console.log(num);
	}
})
//中文輸入開始的時候，會觸發此函式
document.querySelector('#textarea').addEventListener('compositionstart',function(){
	isLock = true;//此時在輸入中，加鎖
})
//中文輸入結束的時候，會觸發此方法
document.querySelector('#textarea').addEventListener('compositionend',function(){
	var num = this.value.length;
	console.log(num);
	isLock = false;
})
 

參照：https://segmentfault.com/a/1190000007514184