禁用输入类型中的数字输入=' text'在移动键盘

时间:2017-03-10 10:59:12

标签: mobile input keyboard

我正在为Android和iOS开发一个混合移动应用程序。对于某种形式,我不想让用户输入数字:

<input type='text'>

我尝试使用event.keyCodeevent.whichevent.key,因为它们可以在桌面浏览器中使用,但在移动键盘中,它无效。

请记住,我不想在提交或点击时验证。我只是想禁用数字键。有什么办法吗?

1 个答案:

答案 0 :(得分:1)

尝试这样的事情(demo):

function checkKey(e) {
  if (/\d/.test(e.key)) {
    e.preventDefault();
    e.stopPropagation();
  } 
}

const input = document.querySelector('input');
input.addEventListener('touchstart', checkKey);
input.addEventListener('keydown', checkKey);
<input type="text">