keypress не работает в мобильном браузере

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

Похоже "keypress" событие в Chrome для Android хлопотно.

См:

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

TL; ДР: использовать "keydown" и/или "keyup" событие (ы) вместо или даже "input" событие.

Answer 2

Существует textInput события, которое дает введенный символ, а также сократимое

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; 
});