请问如何全局禁止输入特殊字符（iview、vue）

Question

有一个需求是不允许用户输入特殊字符。项目已经上线有段时间，页面较多，不可能一个一个Input去改。

考虑过document监听keydown，但又防不了复制黏贴，请大佬支招。

Answer 1

const pattern = new RegExp('[`~^*|{}<>￥……*|‘”“]');//这些字段不允许输入
const testMark = function (s) {
    return pattern.test(s);
};
const replaceMark = function (s, isOutSpace) {
    let rs = '';
    for (let i = 0; i < s.length; i++) {
        rs = rs + s.substr(i, 1).replace(pattern, '');
        rs = rs.replace('-', '');
        // rs = rs.replace('\\', '');
        if (!isOutSpace) {
            rs = rs.replace(' ', '');
        }
    }
    return rs;
};

const timeReplaceMark = function (obj) {
    if (testMark(obj.value)) {
        obj.value = replaceMark(obj.value, true);
    } else if (/'/.test(obj.value)) {
        const tempValue = obj.value.replace(/'/gi, '');
        if (tempValue == '') { //如果全是''，代表不是输入词语，可以替换
            obj.value = tempValue;
        }
    } else if (/"/.test(obj.value)) {
        const tempValue = obj.value.replace(/"/gi, '');
        if (tempValue == '') { //如果全是''，代表不是输入词语，可以替换
            obj.value = tempValue;
        }
    }
};
document.addEventListener('input', function (ev) {
    // console.log(ev.target);
    if(ev.target.type === 'text'){
        timeReplaceMark(ev.target);
    }
})