<div class="codetitle"> <span><a style="CURSOR: pointer" data="31989" class="copybut" id="copybut31989" onclick="doCopy('code31989')"><u>コードをコピーします</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code31989"> <br><script>//テキストを入力します。交差点が失われると消えます ボックス内のテキストにフォーカスが移り、カーソルが最後の単語の後に移動します <br>function myfocus(myid) { <br>if(isNav){ <br>document.getElementById(myid).focus( );// フォーカスを取得<br><br>}else{ <br>setFocus.call(document.getElementById(myid)); <br>} <br>} <br>var isNav = (window.navigator.appName .toLowerCase().indexOf( "netscape")>=0); <br>var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")><br>関数setFocus() { <br> var range = this.createTextRange() // テキスト選択範囲を作成します<br>range.moveStart('character', this.value.length); // 選択範囲の開始点を移動します最後<br>range.collapse(true) ; <br>range.select() <br><br> <br>例: <br> </div> <br><br>ここでは Ztree を使用します あいまい検索 <img style="max-width:90%" src="http://files.jb51.net/file_images/article/201301/201316161121705.jpg" style="max-width:90%" alt="JavaScript を使用すると、テキスト ボックスの最後のテキストの後ろにフォーカスを取得できるようになります。実装 code_javascript スキル" > <br> 最初はツリーノードはすべて閉じられていますが、検索内容を入力する際にクエリを実行し、クエリ内容の親ノードを展開すると入力がフォーカスを失うと、ユーザー エクスペリエンスが低下します。ここで、親ノードが展開された後、入力にフォーカスを取得すると、カーソルがテキスト ボックスの前面に表示されます。もちろん、これは私が望んでいる効果ではありません。上記のコードを呼び出すと、クエリ後にカーソルをクエリ テキストの後ろに配置できます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
