obtenir la valeur du texte saisi lorsque vous appuyez sur la touche

J'essaye ceci:

<input type="text" placeholder="some text" class="search" onkeydown="search()"/>
<input type="text" placeholder="some text" class="search" onkeydown="search()"/>

avec un peu de javascript pour vérifier si la touche entrée est pressée:

function search() {
    if(event.keyCode == 13) {
        alert("should get the innerHTML or text value here);
    }
}

cela fonctionne bien pour le moment, mais ma question comment faire pour obtenir la valeur à l'intérieur de la zone de texte, je pensais passer une référence "ce" à la fonction, ou s'ils ont eu l'id est alors que je pourrait utiliser des ID mais alors je ne vois pas comment je pourrait différencier entre ce qui a été tapé, en apportant mon retour à nouveau au même problème...

source d'informationauteur user2405469

  1. 26

    Essayez ceci:

    <input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>  
<input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>

    Code JS

    function search(ele) {
    if(event.key === 'Enter') {
        alert(ele.value);        
    }
}

    Le Lien de DÉMONSTRATION

  2. 7
    $("input").on("keydown",function search(e) {
    if(e.keyCode == 13) {
        alert($(this).val());
    }
});

    jsFiddle exemple : http://jsfiddle.net/NH8K2/1/

  3. 4

    Juste à l'aide de l'objet d'événement

    function search(e) {
    e = e || window.event;
    if(e.keyCode == 13) {
        var elem = e.srcElement || e.target;
        alert(elem.value);
    }
}
  4. 1

    Quelque chose comme ça (pas testé, mais devrait fonctionner)

    La passer en paramètre dans le Html:

    <input type="text" placeholder="some text" class="search" onkeydown="search(this)"/>

    Et d'alerte de la valeur du paramètre passé à la fonction de recherche:

    function search(e){
  alert(e.value);
}
  5. 0

    Vous ne devriez pas placer le code Javascript dans votre code HTML, puisque vous allez donner à ceux de la saisie d'une classe ("recherche"), il n'y a pas de raison de le faire. Une meilleure solution serait de faire quelque chose comme ceci : 

    $( '.search' ).on( 'keydown', function ( evt ) {
    if( evt.keyCode == 13 )
        search( $( this ).val() ); 
} );