jQueryを使用してテキストエリアのカーソル位置を設定するにはどうすればよいですか?

jQuery を使用してテキスト領域のカーソル位置を設定する

問題:

テキスト領域内のカーソル位置を設定するにはどうすればよいですか? jQueryを使用したテキストエリア?既存のコンテンツを含むテキスト領域があり、フィールドがフォーカスを受け取ったときに、カーソルを特定のオフセットに自動的に配置したいとします。

解決策:

jQuery の場合、この機能を実現するには、次のコード スニペットを使用できます:

$.fn.selectRange = function(start, end) {
    if(end === undefined) {
        end = start;
    }
    return this.each(function() {
        if('selectionStart' in this) {
            this.selectionStart = start;
            this.selectionEnd = end;
        } else if(this.setSelectionRange) {
            this.setSelectionRange(start, end);
        } else if(this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};

この関数では、次のものを使用できます。構文:

$('#elem').selectRange(3,5); // select a range of text
$('#elem').selectRange(3); // set cursor position

これにより、テキストの範囲を選択するか、単に特定のオフセットにカーソルを配置するかにかかわらず、テキスト領域内のカーソル位置を設定できます。

追加リソース:

• [JsFiddle]デモ](https://jsfiddle.net/ywkf09w4/)
• [JsBin デモ](https://jsbin.com/xewotib/edit?html,console,output)

以上がjQueryを使用してテキストエリアのカーソル位置を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。