javascript - 如何过滤粘贴到 TextArea 中的值

Question

有文本区域，我们输入分号分隔的值，能够处理键盘事件并成功验证。如何在复制粘贴上验证相同的内容。

$(function () {
    var kpi = document.getElementById('<%=this.d.ClientID%>').value;
    var tb = $('#<%= TextBox.ClientID %>');
    $(tb).keypress(function (e) {
        var regex = new RegExp("[0-9;]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str) && !($(this).val().match(/;{2,}/))) {
            var as = $(this).val().match(/;/ig) || [];
            var len = as.length;
            if (len < kpi) {
                return true;
            }
        }
        e.preventDefault();
        return false;
    });
    $(tb).keyup(function (e) {
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (($(this).val().match(/[;]{2,}/g))) {
            var shortenedString = $(this).val().substr(0, ($(this).val().length - 1));
            $(this).val(shortenedString);
            return true;
        }
        e.preventDefault();
        return false;
    });
    $(tb).on('paste input propertychange', function (e) {
        //Validate interger with ; on paste and rest not allowed
    })
});

Answer 1

您可以尝试使用 keyup 事件来对输入进行后验证。文本区域中的粘贴值在此之前不可用，例如在按键时。您可以通过检查来确定是否是粘贴，例如:

event.ctrlKey