模糊查詢：中文相容蘋果的原生IME

標籤：miss   func   方法   clear   false   eve   arc   node   原因   

 1.控制項：

<div class="mui-input-row mui-search search">     <input  type="search" class="mui-input-clear"  placeholder="姓名|車牌號|車架號|手機號" id="seach" ><!--oninput="getCustomerByMissKeyWord(this.value,1)"--></div>

　　

2.js代碼 

/**修改原因：相容蘋果的原生IME；
* 1.之前的效果：onkeyup 如果是拼音zhang輸入之後點擊IME鍵盤變為"張"不會觸發onkeyup事件，onkeyinput會觸發三次張、空格、張
* 2.修改之後：如果是中文的觸發"compositionend"監聽，如果是其他英文數字觸發"input"事件
*/

 

var node = document.querySelector(‘#seach‘);var inputLock = false;node.addEventListener(‘compositionstart‘, function(){inputLock = true;console.log("compositionstart----->"+this.value);});node.addEventListener(‘compositionend‘, function(){inputLock = false;//調用自己的方法console.log("compositionend----->"+this.value);});node.addEventListener(‘input‘, function(){if(!inputLock) {console.log("input----->"+this.value);//調用自己的方法}});

　　

模糊查詢：中文相容蘋果的原生IME