复制字符后切割粘贴到不同文本框中

chain • 2022-04-20 00:01 • 脚本示例 • 阅读 949

常用场景：有些业务场景需要快速复制字符串（例如手机号），粘贴的时候分别放到不同的框中显示（xxx-xxxx-xxxx），可以使用该方法。（因为平台没有现成的方法可以调用，只能通过前端JQ和平台结合的方式）

(function(){
        var docid=getId();
        var jq="<script>";
        jq+="jQuery(document).ready(function(){";
        //限制字符长度，name为控件名称
        jq+="jQuery("input[name='WMI']").attr('maxlength','3');";
        jq+="jQuery("input[name='VDS']").attr('maxlength','6');";
        jq+="jQuery("input[name='VIS']").attr('maxlength','8');";
        jq+="});";
        //粘贴事件，给第一个文本框设置
        jq+="jQuery("input[name='WMI']").on('paste', function(e){";
        jq+="var pastedText = undefined;";
        jq+="if (window.clipboardData && window.clipboardData.getData) {";
        jq+="pastedText = window.clipboardData.getData('Text');";
        jq+="}else{";
        jq+="pastedText = e.originalEvent.clipboardData.getData('Text');";
        jq+="}";
        jq+="var data = pastedText;";
        //触发平台刷新重计算
        jq+="var targetObj = {WMI: [0,3], VDS: [3,9], VIS: [9,17],ChassisVIN: [0,20]};";
        jq+="var docId ='" + docid+ "';";
        jq+="var params = {errcode: 0, type:'split', data, targetObj, docId};";
        jq+="window.splitTextboxValue(params);";
        //获取剪切板数据进行分割并赋值到文本框
        jq+="jQuery("input[name='WMI']").val(pastedText.substring(0,3));";
        jq+="jQuery("input[name='VDS']").val(pastedText.substring(3,9));";
        jq+="jQuery("input[name='VIS']").val(pastedText.substring(9,17));";
        jq+="});";
        jq+="</script>"; 
        return jq;
})();