Desencadenar teclados (combinación de teclas) con jQuery

Question

Hice mi tarea y revisé muchas preguntas, pero aún no pude encontrar algo que me permitiera trabajar.

Tengo una entrada de búsqueda. Cuando el usuario hace clic en el ejemplo, quiero que la palabra "doctor" se escriba en la letra de entrada de mi búsqueda por letra. Pude haberlo hecho cambiando $ ("# búsqueda"). Val() hace mucho tiempo, pero aquí está el problema. Cuando normalmente el usuario escribe en la entrada de búsqueda, se está produciendo el autocompletado div. Se desencadena por un evento de pulsación. Si solo cambio el atributo val de entrada, el div autocompletado no saldrá, así que de alguna manera tengo que activar el evento keydown para que salga.

me encontré con esta solución:

$("#example").click(function() {  
    $("#search").focus(); 
    var e = jQuery.Event("keyup"); 
    e.keyCode = 50;      
    $("#search").trigger(e);      
}); 

pero no pude conseguir que funcione. Alguna idea, por favor?

Así es como se ve html:

<input type="text" id="search" /> 
Example: <span id="example">doctor</span> 

Answer 1

$("#example").click(function() {  
    $("#search").focus(); 
    var e = jQuery.Event("keydown"); 
    e.keyCode = 50;      
    $("#search").trigger(e);      
}); 

ref: Definitive way to trigger keypress events with jQuery

Answer 2

Una mejor manera es poner en funcionamiento su autocompletar en un lugar de textChange event keyup/abajo. De esta forma, puede usar $("#search").val() de la manera más fácil y se ejecutará el autocompletador.

ventaja adicional: Si utiliza TextChange también activará la función de autocompletar si el texto de copia-pega de usuario mediante el menú contextual del ratón, etc (y que no se disparará en las teclas de flecha o tabulación)