javascript - attribute - obtener el valor del texto de entrada cuando se presiona la tecla enter

title html attribute

Question

Estoy intentando esto:

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

con algún javascript para comprobar si se presiona la tecla enter:

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

esto funciona bien en este momento, pero mi pregunta sobre cómo obtener el valor dentro del campo de texto, estaba pensando en pasar una referencia "esto" a la función, o si tenían ID, entonces podría usar ID pero no. vea cómo podría diferenciar entre cuáles se ha escrito una, volviendo al mismo problema de nuevo ...

Answer 1

Algo como esto (no probado, pero debería funcionar)

Pase esto como parámetro en HTML:

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

Y alerte el valor del parámetro pasado en la función de búsqueda:

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

Answer 2

No debe colocar el código Javascript en su HTML, ya que le está dando a esos datos una clase ("búsqueda"), no hay razón para hacer esto. Una mejor solución sería hacer algo como esto:

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

Answer 3

Prueba esto:

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

Código JS

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

Enlace DEMO

Answer 4

Solo usando el objeto de evento

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

Answer 5

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

Ejemplo de jsFiddle: http://jsfiddle.net/NH8K2/1/