2017-04-05 7 views
0

J'ai un formulaire avec un seul champ de saisie, le formulaire soumis lorsque vous appuyez sur Entrée. Cela provoque l'ajout du texte que vous avez tapé à une table. Le champ de saisie reste actif car vous pouvez entrer plusieurs éléments. Cette fonctionnalité n'est conviviale que sur une machine dotée d'un clavier physique. En utilisant une combinaison de Angular, Bootstrap et JavaScript, est-il possible de déconnecter une entrée pour masquer automatiquement le clavier après avoir appuyé sur retour lors de la saisie de texte dans une zone de saisie sur un périphérique mobile?'.blur' entrée et masquer le clavier après avoir appuyé sur retourner sur le mobile

Je pourrais utiliser jQuery à .blur() l'entrée sur la touche de retour, mais je veux seulement que cette fonctionnalité se déclenche si vous êtes sur un appareil mobile.

Répondre

1

Vous devez vérifier si l'appareil est téléphone ou tablette:

var width = window.innerWidth; 

var height = window.innerHeight; 

if(width < 750 && height < 1100) { 
    $console.keypressed(function(e) { 
     if(e == 13) { 
      $(this).blur(); 
     } 
    } 
} 

Mais $ console est ma zone de texte:

var $console = $('textarea');