事件: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())
})

  

 

posted @   l_strive  阅读(1435)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
点击右上角即可分享
微信分享提示