如何在IMask中将掩码的部分内容标记为常量

嘿，这个问题我熟！你之所以得到不符合预期的结果，是因为对IMask里的常量写法理解有点小偏差，咱们马上调整一下就能搞定~

你原本用{345}来标记常量，但其实在IMask中，{}是用来转义特殊字符（比如括号、加号这类本身有掩码语法意义的字符）的，普通数字常量直接写在掩码里就行啦。另外还要确保输入的数字长度和掩码中变量部分（就是那些0的位置）的总长度完全匹配，这样才能正确填充。

直接把掩码里的{345}改成345，同时保持输入值和掩码变量位的长度一致，修改后的代码如下：

<!DOCTYPE html>
<html>

<head>
  <script src="https://unpkg.com/imask"></script>
</head>

<body>

  <form>
    <input type="text" id="inputField" value="3455435345">
  </form>

  <script>
    var masked = IMask(
      document.getElementById('inputField'), {
        mask: '+345(000)000-00-00', // 直接写常量+345，变量位对应10位数字
        lazy: false
      }
    );
  </script>
</body>

</html>

这样修改后，页面加载时输入框就会显示你预期的+345(345)543-53-45啦。原理是：

• +345作为固定常量直接保留在掩码中，不会被输入的数字覆盖
• 输入的10位数字3455435345会依次填充到掩码的000、000、00、00位置，刚好完全匹配，不会出现截断或错位的情况

如果你的常量里包含特殊字符（比如(、)、-这些），才需要用{}包裹，比如你想把(作为常量，就写'{(}'，不过在你的例子里，掩码里的括号本身就是掩码语法的一部分，用来分隔变量段，所以不用额外转义~

备注：内容来源于stack exchange，提问作者Rómeó Nagy