javascript - 按键无法在移动浏览器上使用

Question

此 Meteor 客户端事件在桌面浏览器上运行良好，但在移动浏览器“Chrome”上却无法执行相同操作。

它会检测“@”后面的“g”键输入并将其替换为“@gmail.com”。
知道如何让它在手机上也能工作吗？谢谢

Template.input.events({
  'keypress input': function (evt, template) {
    if (evt.which === 13) {
      //do stuff
    }
    else if (Session.get('taskSelected') === 'walk') {
      if (evt.which == 103) { // "g" has been typed do gmail.com
        utility.inputReplaceWith('gmail.com', evt);
      }
      else if (evt.which === 121) {  // "y" for yahoo.com
        utility.inputReplaceWith('yahoo.com', evt);
      }
      else if (evt.which === 104) {
        utility.inputReplaceWith('hotmail.com', evt);
      }
    }
  }
});

    inputReplaceWith: (text, evt) => {
      let elem = document.getElementsByName('email')[0].value;
      if (elem.slice(-1) == '@') { // last char is "@"
        evt.preventDefault();
        document.getElementsByName('email')[0].value = elem + text;
      }
    },

Answer 1

看起来 Android 版 Chrome 中的 "keypress" 事件很麻烦。

参见:

• keycode is always zero in Chrome for Android
• Capture keys typed on android virtual keyboard using javascript

TL;DR:使用 "keydown" 和/或 "keyup" 事件，甚至 "input" 事件.