H5 - 入力タグ iOS ネイティブ キーボード中国語入力例外

表示:
https://blog.csdn.net/iotjin/article/details/112526267
最近、入力検索ボックスに正規表現を追加すると、iOS ネイティブ キーボードでは常に漢字が異常に入力されるのに対し、Android スマートフォンでは異常がないことがわかりました。と異常な書き方が現れました：
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,'')">

1

処理後:

html

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

2

js

//实时录入时通过正则剔除特殊字符(只能输入中文数字字母空格)，此方式可解决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, '');
        }
    }
});
 ```