0

メソッドでjQueryを使用して検索を行い、divに検索結果を入力しています。div のコンテンツの一部である入力テキスト ボックスがあります。keyup イベントを使用して入力されたテキストを読み取り、ajax を使用してサーバーを呼び出して検索を行っています。結果を返すときに、これまでに入力したテキストをテキスト ボックスに入力します。返される残りのコンテンツは検索結果です。これはすべて正常に機能しています。

ただし、入力テキストボックスにフォーカスを置き、最後に入力した文字の後にカーソルを配置して、ユーザーが入力を続けることができ、キーストロークごとに検索結果が変化し続けるようにする必要があります。jQueryとJavaScriptでこれを行う方法があると思いますが、方法がわかりません。

編集: 明確ではなかったかもしれませんが、この質問で答えを見つけました: jQuery - Place cursor in input field when link clicked

基本的に私がする必要があったのは:

var searchBox = $("#search");

searchBox.focus();

searchBox[0].selectionStart = searchBox[0].selectionEnd = searchBox.val().length;

4

2 に答える 2