在HTML中使用带JavaScript的libphonenumber

libphonenumber是一个非常容易混淆的工具，考虑到网络上有太多的实现和示例，所以请耐心听我说

我正在simlpy尝试通过HTML文件中的脚本标记来使用这个包，就像我使用其他JavaScript库（如jQuery）一样

我已经使用Google的compose工具编译了libphonenumber，通过说明

因此，对于这个文件，我尝试如下使用它。然而，无论我尝试了什么，我似乎都无法访问其中的任何方法

<script type="text/javascript" language="javascript" src="/static/js/libphonenumber.js"></script>
<script type="text/javascript">

    $(".phone-format").keyup(function () {
        // Don't reformat backspace/delete so correcting mistakes is easier
        if (event.keyCode != 46 && event.keyCode != 8) {
            var val_old = $(this).val();
            var newString = new libphonenumber.i18n.phonenumbers.AsYouTypeFormatter('US').input(val_old);
            $(this).focus().val('').val(newString);
        }
    });

</script>

$（“.phone格式”）.keyup（函数（）{
//不要重新设置退格/删除格式，以便更容易更正错误
if（event.keyCode！=46&&event.keyCode！=8）{
var val_old=$（this.val（）；
var newString=new libphonenumber.i18n.phonenumbers.AsYouTypeFormatter（'US'）.input（val_old）；
$（this.focus（）.val（“”）.val（newString）；
}
});

---

这种使用场景根本不受支持吗？

我想我应该早点发布，因为通常情况下，一旦发布，我就会找到答案

我只是在使用JSFIDLE时偶然发现了这一点。我注意到它们有可以添加的依赖项，其中包括libphonenumber的JavaScript端口（我已经尝试过使用）。虽然由于连接被拒绝而无法在JSFIDLE中正确加载，但该链接仍然适用于缩小版本

请看这里：

一旦我把这个放在适当的位置，并修改了我的代码，突然我们开始比赛，一切都是金色的

<script type="text/javascript" language="javascript" src="/static/js/libphonenumber-js.min.js"></script>
<script type="text/javascript">
     $(".phone-format").keyup(function () {
            var val_old = $(this).val();
            var newString = new libphonenumber.AsYouType('US').input(val_old);
            $(this).focus().val('').val(newString);
    });
</script>

$（“.phone格式”）.keyup（函数（）{
var val_old=$（this.val（）；
var newString=newlibphonenumber.AsYouType（'US'）.input（val_old）；
$（this.focus（）.val（“”）.val（newString）；
});

我真的很好奇，在过去几天的搜索中，我是否遗漏了一些东西，因为我觉得找到这个版本的软件包不应该这么困难，也不需要这么多反向工程

---

哦，好吧，希望这对别人有帮助

我也找不到实际使用的例子。gitlab上的官方文档假设太多，实际上并没有告诉您如何使用它。感谢您发布这篇文章。我相信你帮助过很多人。我唯一建议您在电话输入上使用“type=tel”，然后使用$（“input[type='tel']）jquery选择器进行keyup绑定。