H5 - input标签iOS原生键盘中文录入异常_ios中文输入框交互异常-优快云博客

博客提到在input搜索框添加正则时，iOS原生键盘录入中文出现异常，而安卓手机无此问题，还给出了异常写法及处理后的情况，可查看相关链接获取更多信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

查看：
https://blog.youkuaiyun.com/iotjin/article/details/112526267
最近在input搜索框中添加正则时发现，iOS原生键盘录入中文总是录入异常，安卓手机无异常，出现异常的写法：
html

<input id="inputId" type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="请输入"
maxlength="30"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">

处理之后：

html

<input id="inputId" type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="请输入"
maxlength="30">

//实时录入时通过正则剔除特殊字符(只能输入中文数字字母空格)，此方式可解决iOS原生键盘中文录入异常
var flag = false;
$('#inputId').on({
    'compositionstart': function () {
        flag = true;
    },
    'compositionend': function () {
        flag = false;
        if (!flag) {
            document.getElementById("inputId").value = document.getElementById("inputId").value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g, '');
        }
    },
    'input propertychange': function () {
        if (!flag) {
            document.getElementById("inputId").value = document.getElementById("inputId").value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g, '');
        }
    }
});
 ```