如何使用Cleave.js获取指定国家的电话区号数字（如意大利的39）

当然可以获取到电话区号的数字（比如意大利的39），Cleave.js提供了内置方法来获取这类信息：

核心方法：getPhoneInfo() #

创建Cleave实例后，调用实例的getPhoneInfo()方法，会返回包含区号数字的对象，其中countryCode字段就是你需要的数字形式区号。

示例代码 #

// 初始化Cleave实例
const cleavePhone = new Cleave('.my-input', {
    phone: true,
    phoneRegionCode: 'IT'
});

// 获取并打印意大利区号
const phoneDetails = cleavePhone.getPhoneInfo();
console.log(phoneDetails.countryCode); // 输出：39

实时获取区号（结合输入事件） #

如果需要在用户输入过程中实时获取或显示区号，可以借助onValueChanged回调：

const cleavePhone = new Cleave('.my-input', {
    phone: true,
    phoneRegionCode: 'IT',
    onValueChanged: function() {
        const { countryCode } = this.getPhoneInfo();
        // 这里可以将countryCode插入到页面指定位置，比如显示在输入框旁
        document.getElementById('area-code-display').textContent = `+${countryCode}`;
    }
});

内容的提问来源于stack exchange，提问作者Lucky500