如何使用 JavaScript 将我的电话号码格式化为 xxxx-xxx-xxx？

Question

我需要像xxxx-xxx-xxx使用 JavaScript 一样格式化我的电话号码，我该如何制作呢？下面是代码：超文本标记语言<input onkeypress="isInputNumber(event)" type="text"  id="phonenumber" placeholder = "xxxx-xxx-xxxx" maxlength="11"/>JavaScriptfunction isInputNumber(evt){    var ch=String.fromCharCode(evt.which);    if(!(/[0-9]/.test(ch))){          evt.preventDefault();    }}

Answer 1

document.getElementById('phonenumber').addEventListener('blur', function (e) {

        var x = e.target.value.replace(/\D/g, '').match(/(\d{4})(\d{3})(\d{4})/);

        e.target.value =  x[1] + '-' + x[2] + '-' + x[3];

    });    

function isInputNumber(evt){

        var ch=String.fromCharCode(evt.which);

        if(!(/[0-9]/.test(ch))){

            evt.preventDefault();

        }

    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input onkeypress="isInputNumber(event)" type="text"  id="phonenumber" placeholder = "xxxx-xxx-xxxx" maxlength="11"/>