JQuery 屏蔽输入插件不适用于区号

JQuery Masked Input plugin not working for an area code

本文关键字：适用于区 不适用 插件 屏蔽 输入 JQuery      更新时间：2023-09-26

我正在使用JQuery屏蔽输入插件。我有一个区号的掩码，它只是在 3 位数字的开头和结尾插入括号，例如：（123）。当我的区号输入字段具有 3 位值时，插件会插入左括号，但不插入右括号。我希望它插入两个括号或都不插入任何一个括号。如果在文本框中键入任何内容，它会自动填充右括号。下面是一个示例：

$(function(){
 
  $('#areacode').mask('(000)', { placeholder: '(___)'});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script>
<input type="text" id="areacode"  value = "123"/>

谁能告诉我这种行为的来源？

谢谢！

好的，所以我找到了解决方案。它并不漂亮，但触发keyup事件似乎可以解决它。

$(function(){
 
  $('#areacode').mask('(000)', { placeholder: '(___)'}).trigger('keyup');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script>
<input type="text" id="areacode"  value = "123"/>

相关文章：