XX-XXX XXXX格式后的格式电话号码中的数字无法删除时如何删除？

Question

我已经编码了格式号码电话，但它无法删除一些数字。我无法处理。你能帮我么？

<paper-input id="email" name="email_address" class="email" label="Email"  type="email" error-message="Please enter valid email format" required auto-validate></paper-input>

const isModifierKey = (event) => {

            const key = event.keyCode;

            return (event.shiftKey === true || key === 35 || key === 36) || (key === 8 || key === 9 || key === 13 || key === 46) || (key > 36 && key < 41) || ((event.ctrlKey === true || event.metaKey === true) && (key === 65 || key === 67 || key === 88 || key === 90))

        };

        const isNumericInput = (event) => {

            const key = event.keyCode;

            return ((key >= 48 && key <= 57) || // Allow number line

                (key >= 96 && key <= 105) // Allow number pad

            );

        };

        const enforceFormat = (event) => {

            if (!isNumericInput(event) && !isModifierKey(event)) {

                event.preventDefault();

            }

        };

        const formatToPhone = (event) => {

            if (isModifierKey(event)) {

                return;

            }

            const target = event.target;

            const input = event.target.value.replace(/\D/g, '').substring(0,11);

            const zip = input.substring(0,2);

            const middle = input.substring(2,5);

            const last = input.substring(5,11);

            if(input.length > 5) {

                target.value = `${zip}-${middle} ${last}`;

            } else if (input.length > 1) {

                target.value = `${zip}-${middle}`;

            } else if (input.length > 0) {

                target.value = `${zip}-`;

            }

        };

        const inputElement = this.$.phone;

        inputElement.addEventListener('keydown', enforceFormat);

        inputElement.addEventListener('keyup', formatToPhone);

我希望删除数字以替换新号码。如何处理格式电话号码中的可移动数字。Polymer 3.0 用于此处

Answer 1

在 Polymer 3.0 中，我已经修复了它。static get template(){&nbsp; return html`&nbsp; <paper-input id="phone" name="mobilephone_no" allowed-pattern= "[0-9]" country-code="" placeholder="XX-XXX XXXX" maxlength="9" required>&nbsp; `}ready(){super.ready();&nbsp; &nbsp; &nbsp; &nbsp; this.$.phone.addEventListener('keyup', function(e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var ph = this.value.replace(/\D/g,'').substring(0,9);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var deleteKey = (e.keyCode == 8 || e.keyCode == 46);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var len = ph.length;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(len==0){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph=ph;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len<2){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len==2){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph = ph + (deleteKey ? '' : '');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len<5){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len==5){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5)+ (deleteKey ? '' : '');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5)+' '+ph.substring(5,9) + (deleteKey ? '' : '');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.value = ph;&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; this.$.phone.addEventListener('keydown', function(e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var ph = this.value.replace(/\D/g,'').substring(0,9);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var deleteKey = (e.keyCode == 8 || e.keyCode == 46);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var len = ph.length;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(len < 9){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph=ph;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len<2){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len==2){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph = ph + (deleteKey ? '' : '-');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len<5){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else if(len == 5){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5) + (deleteKey ? '' : '');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ph= ph.substring(0,2)+'-'+ph.substring(2,5) +' '+ph.substring(5,9) + (deleteKey ? '' : '');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.value = ph;&nbsp; &nbsp; &nbsp; &nbsp; });}