屏蔽输入在桌面上工作正常,并且可以在移动设备上使用某些面具

Question

我正在为两个字段使用蒙面插件.一个是加拿大邮政编码(T5T 5T5),另一个是电话号码(999-999-9989).两个面具在桌面上都能正常工作 如果您在手机上打开相同的代码,则会出现此问题.当用户键入邮政编码1时,光标一直跳到光标的开头.

这是代码:

HTML:

<input type="text" id="someID" /> (T9T 1A1)
<br />
<span id="result"></span>
<br /><br />
<input type="text" id="someOtherID" /> (999-999-9999)
<br />
<span id="result1"></span>

使用Javascript:

$("#someID").mask("a9a 9a9");
$("#someID").on('keyup', function() {
  var actualValue = $(this).val().replace(/[_-\s]/g, '').length;
  if (actualValue === 0 || actualValue !== 6) {
    $("#result").text("not valid")
  } else {
    $("#result").text("valid")
  }
});

$("#someOtherID").mask("999-999-9999");
$("#someOtherID").on('keyup', function() {
  var actualValue = $(this).val().replace(/[_-\s]/g, '').length;
  if (actualValue === 0 || actualValue !== 10) {
    $("#result1").text("not valid")
  } else {
    $("#result1").text("valid")
  }
});

我已经在这个小提琴上附加了Mask插件.

谁有人见过这个？

Answer 1

这是一个远景,但尝试autoComplete="off"在输入字段上设置属性.这可能是与Chrome移动版相关的错误.

试试这个.

我的预感是基于这个问题,虽然报告的情况完全不同,但我认为是指同一个错误.

引用:

实际上,这个问题是由自动修正引起的.

当一个字被标记为一个建议,selectionStart而 selectionEnd不是反映了插入位置,但它们包住整个单词,即使插入符号之间,实际的选择是折叠的地方.

我的假设是必须操纵光标才能创建蒙版视觉效果,因此可以很好地连接.