在移动键盘中禁用输入类型='文本'中的数字输入答案

【问题标题】：Disable number entry in input type='text' in mobile keyboard在移动键盘中禁用输入类型='文本'中的数字输入
【发布时间】：2017-07-31 16:48:10
【问题描述】：

我正在开发一款适用于 Android 和 iOS 的混合移动应用程序。对于某些形式，我不想让用户输入数字：

<input type='text'>

我尝试使用event.keyCode、event.which、event.key，因为它们在桌面浏览器中工作，但在移动键盘中它不起作用。

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

【问题讨论】：

请分享您正在使用的事件监听器代码。
@Mottie 感谢您对我的查询感兴趣。我使用了 kyeup、keypress、keydown。
你需要包括触摸事件...我会添加一个答案。

标签： mobile input keyboard

【解决方案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);

&lt;input type="text"&gt;

【讨论】：