keypressがモバイルブラウザで動作しない

Question

このMeteorクライアントイベントは、デスクトップブラウザで正常に機能しますが、モバイルブラウザ「Chrome」では同じことをしません。

"@"の後に "g"のキー入力を検出し、 "@ gmail.com"と置き換えます。
どのように携帯電話でも動作するようにするには？ Android版Chromeで"keypress"イベントが面倒であるようTHX

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

が見えます。

参照：

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

TL; DR：イベントを代わり"keydown"及び/又は"keyup"イベント（複数可）を使用する、あるいは"input"。

Answer 2

あなたの入力した文字を与え、また、[JavaScriptを使用してAndroidの仮想キーボード上で入力されたキャプチャーキー]の解約

const inputField = document.getElementById('wanted-input-field'); 

inputField.addEventListener('textInput', function(e) { 
    // e.data will be the 1:1 input you done 
    const char = e.data; // In our example = "a" 

    // If you want the keyCode.. 
    const keyCode = char.charCodeAt(0); // a = 97 

    // Stop processing if "a" is pressed 
    if (keyCode === 97) { 
     e.preventDefault(); 
     return false; 
    } 
    return true; 
});