ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用してテキストエリアのカーソル位置を設定するにはどうすればよいですか?

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

Patricia Arquette
リリース: 2024-12-08 15:28:11
オリジナル
963 人が閲覧しました

How Can I Set the Cursor Position in a Text Area Using 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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート