jQueryでキー押下（keydown）をトリガー

Question

私は宿題をしてたくさんの質問をチェックしましたが、私は働くことができる何かを見つけることができませんでした。

私は検索入力があります。ユーザーが例をクリックすると、「医者」という言葉が検索入力の手紙に文字で書き込まれます。私はずっと前に$（ "＃search"）val（）を変更することでこれを行うことができましたが、ここに問題があります。通常、ユーザーが検索入力オートコンプリートdivに入るときです。これはkeydownイベントによって起動されます。私は入力のval属性を変更するだけで、オートコンプリートdivは出てこないので、何とかkeydownイベントをトリガーする必要があります。

私は、このソリューションが見つかりました：

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

を私はそれが仕事を得るcouldntの。どんなアイデアですか？ここで

は、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

良い方法がtextChange eventではなく、keyUpイベント/ダウンであなたのオートコンプリートをトリガすることです。そうすれば、簡単な方法で$("#search").val()を使うことができ、オートコンプリートがトリガーされます。

追加ボーナス：あなたがtextChangeを使用している場合など、マウスのコンテキストメニューを使用して、ユーザー・コピー・ペーストのテキストは（と、それはタブ移動または矢印キーでトリガしません）場合、それはまた、オートコンプリートをトリガする