事件:compositionstart & compositionend,解决oninput获取到拼音的问题。
官方解释:
compositionstart:compositionstart事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需要一连串的键盘操作、语音识别或者点击输入法的备选词)。
compositionend:当文本段落的组成完成或取消时, compositionend 事件将被触发 。
通俗点说:
是属于输入法和语音等键盘操作事件。
注意事项:
compositionend事件在input事件之后触发。
解决方案:
记录输入状态,默认通过input事件进行内容过滤,当为拼音输入时input事件跳过,等end事件进行内容过滤操作。
var flag = false; function guolv(item,_value){ _value=_value.replace(/[^\w\u4e00-\u9fa5]+/gi,''); item.val(_value) } $('#addressName').on('compositionstart',function(){ flag = true; }) $('#addressName').on('compositionend',function(){ flag = false; guolv($(this),$(this).val()) }) $('#addressName').on('input',function(){ if(flag){return} guolv($(this),$(this).val()) })