input文本框实现输入英文时自动触发事件 输入中文时要输入完成后才触发事件

需求:

英文(英文输入法): 每输入一个字母都触发一次事件;

中文(拼音输入法): 输入完成后才触发事件,不是每打一个拼音就触发

实现:

$(function(){var flag = true;$('#dev_region_search').on('compositionstart',function(){flag = false;});$('#dev_region_search').on('compositionend',function(){flag = true;});$('#dev_region_search').on('input',function(){setTimeout(function(){if(flag){searchRegion();}},0);});});

思路:

compositionstart: 输入开始时触发

compositionend: 选择字/词完成输入时触发

而直接输英文是不触发compositionstart,compositionend事件的,所以开始的标识flag为true才会走后面的searchRegion()方法,

输入中文的则结合compositionstart,compositionend来判断输入完成情况决定走不走后面的searchRegion()方法.

这里加的延时setTimeout是因为默认情况下input比compostionend先执行了,导致flag标识不准确.