comment vérifier quand le champ enter/return a été activé?

Question

J'ai plusieurs champs, généralement entrer sera appuyé sur l'un des deux principaux. Je veux savoir quel champ a été enfoncé, comment faire? (Je ne sais pas beaucoup JS)

Doublons possibles

• Javascript capture key
• Disable keyboard <enter> key
• Detect key event (Enter) with JQuery in Javascript (on Linux platform)

Answer 1

Check for enter et mis un peu caché f ield (exemple utilise JQuery):

$('#input_text').keyup(function(e) { 
    //alert(e.keyCode); 
    if(e.keyCode == 13) { 
     alert('Enter key was pressed.'); 
    } 
}); 

Answer 2

son simple d'ajouter un événement « onkeypress » à chacun des champs, puis dans le gestionnaire d'événements pour examiner le code d'activation qui est attaché à l'événement. Par exemple, considérez le code suivant:

form.elements['fieldone'].onkeypress = function(evt) { 
    if (window.event) evt = window.event; // support IE 
    if (evt.keyCode == 13) alert("Enter was pressed!"); 
    return true; 
} 

S'il vous plaît noter que dans la plupart des navigateurs, en appuyant sur ENTRER dans un champ de formulaire afficherait cette forme. Si vous ne voulez pas que cela se produise, vous pouvez simplement retourner false à partir du gestionnaire onkeypress et cela indiquerait au navigateur d'ignorer cette clé.

Answer 3

Incluez cela dans votre page, il devrait se déclencher automatiquement lorsque vous appuyez sur une touche et vous dire quel élément html avait le focus quand il s'est produit.

<script> 
document.onkeypress = KeyPressed; 

function KeyPressed(e) 
{ 
    if (!e) e = window.event; 

    f ((e.charCode) && (e.keyCode == 13)) 
    alert('Yay! Enter was pressed while field ' + document.activeElement.id + ' had focus!'); 
} 
</script> 

Answer 4

Vous pouvez vérifier à partir de quel élément l'événement barboter d'utiliser quelque chose comme le

var text1 = document.getElementById('text1'); 
var text2 = document.getElementById('text2'); 
text1.onkeypress = keyPresser; 
text2.onkeypress = keyPresser; 

function keyPresser(e) { 
    // to support IE event model 
    var e = e || window.event; 
    var originalElement = e.srcElement || e.originalTarget; 

    if (e.keyCode === 13) { 
     alert(originalElement.id); 
    } 
} 

suivante Voici un Working Demo

Je vous conseille de prendre un regard sur les différences dans les événements du navigateur modèles et aussi à JavaScript discret.

• The IE Event Model

• Pro JavaScript Techniques - Unobtrusive Event Binding

Answer 5

Utilisation event delegation pour éviter la fixation des gestionnaires d'événements à un grand nombre d'éléments:

window.onload = function() { 
    document.onkeyup = function (e) { 
    e = e || window.event; 
    var target = e.target || e.srcElement, 
     keyCode = e.keyCode || e.which; 

    if (target.tagName.toLowerCase() == 'input' && keyCode == 13) { 
     alert('Enter pressed on ' + target.id); 
    } 
    }; 
};