事件:compositionstart & compositionend,解决oninput获取到拼音的问题。
官方解释:
compositionstart:compositionstart事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需要一连串的键盘操作、语音识别或者点击输入法的备选词)。
compositionend:当文本段落的组成完成或取消时, compositionend 事件将被触发 。
通俗点说:
是属于输入法和语音等键盘操作事件。
注意事项:
compositionend事件在input事件之后触发。
解决方案:
记录输入状态,默认通过input事件进行内容过滤,当为拼音输入时input事件跳过,等end事件进行内容过滤操作。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | 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()) }) |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥