6 jQueryカーソル関数-jsチュートリアル-php.cn

6 jQueryカーソル関数

尊渡假赌尊渡假赌尊渡假赌

リリース： 2025-03-10 00:44:10

オリジナル

745 人が閲覧しました

6 jQuery Cursor Functions

以下は、マウスカーソルを操作するための強力なjQueryコードスニペットです！これらを使用して、入力領域とテキストエリアフィールドでテキストカーソル位置と選択範囲を設定および取得できます。楽しめ！

// jQuery 获取光标位置函数调用示例
$("input[name='username']").getCursorPosition();

ログイン後にコピー

jQuery.fn.getCursorPosition = function(){
    if(this.length == 0) return -1;
    return $(this).getSelectionStart();
};

ログイン後にコピー

// jQuery 设置光标位置函数调用示例
$("input[name='username']").setCursorPosition(5);

ログイン後にコピー

jQuery.fn.setCursorPosition = function(position){
    if(this.length == 0) return this;
    return $(this).setSelection(position, position);
};

ログイン後にコピー

// jQuery 获取文本选择函数调用示例
$("input[name='username']").getSelection();

ログイン後にコピー

jQuery.fn.getSelection = function(){
    if(this.length == 0) return -1;
    var s = $(this).getSelectionStart();
    var e = $(this).getSelectionEnd();
    return this[0].value.substring(s,e);
};

ログイン後にコピー

// jQuery 获取文本选择起始位置函数调用示例
$("input[name='username']").getSelectionStart();

ログイン後にコピー

jQuery.fn.getSelectionStart = function(){
    if(this.length == 0) return -1;
    var input = this[0];
    var pos = input.value.length;

    if (input.createTextRange) {
        var r = document.selection.createRange().duplicate();
        r.moveEnd('character', input.value.length);
        if (r.text == '') 
            pos = input.value.length;
        pos = input.value.lastIndexOf(r.text);
    } else if(typeof(input.selectionStart)!="undefined")
        pos = input.selectionStart;

    return pos;
};

ログイン後にコピー

// jQuery 获取文本选择结束位置函数调用示例
$("input[name='username']").getSelectionEnd();

ログイン後にコピー

jQuery.fn.getSelectionEnd = function(){
    if(this.length == 0) return -1;
    var input = this[0];
    var pos = input.value.length;

    if (input.createTextRange) {
        var r = document.selection.createRange().duplicate();
        r.moveStart('character', -input.value.length);
        if (r.text == '') 
            pos = input.value.length;
        pos = input.value.lastIndexOf(r.text);
    } else if(typeof(input.selectionEnd)!="undefined")
        pos = input.selectionEnd;

    return pos;
};

ログイン後にコピー

// jQuery 设置文本选择函数调用示例
$("input[name='username']").setSelection(4, 20);

ログイン後にコピー

jQuery.fn.setSelection = function(selectionStart, selectionEnd) {
    if(this.length == 0) return this;
    var input = this[0];

    if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(true);
        range.moveEnd('character', selectionEnd);
        range.moveStart('character', selectionStart);
        range.select();
    } else if (input.setSelectionRange) {
        input.focus();
        input.setSelectionRange(selectionStart, selectionEnd);
    }

    return this;
};

ログイン後にコピー

jQueryカーソル関数faq

jQueryカーソル関数の目的は何ですか？

jQueryカーソル関数は、入力フィールドまたはテキスト領域のカーソルの位置を操作するために使用されます。カーソルの位置を設定または取得したり、特定のテキスト範囲を選択したり、カーソルを入力フィールドの最後に移動したりする場合に特に役立ちます。これらの機能は、よりインタラクティブで直感的な入力フィールドを提供することにより、ユーザーエクスペリエンスを強化できます。

jQueryでSelectionStartおよびSelectionEndプロパティを使用する方法は？

SelectionStartおよびSelectionEndプロパティはHTML DOMの一部であり、jQueryで使用して、入力フィールドまたはテキスト領域で選択したテキストの開始位置と終了位置を取得または設定できます。

SetSelectionRangeメソッドとjQueryで使用する方法は何ですか？

setSelectionRangeメソッドは、入力フィールドまたはテキスト領域の現在のテキスト選択の開始位置と終了位置を設定するDOMメソッドです。

jQueryの入力フィールドの端にカーソルを移動する方法は？

SelectionStartとSelectionEndプロパティを使用して、カーソルを入力フィールドの最後に移動できます。

jqueryを使用して、入力フィールドで特定のテキスト範囲を選択する方法は？

setSelectionRangeメソッドを使用して、入力フィールドで特定のテキスト範囲を選択できます。

jQueryカーソル機能は、あらゆる種類の入力フィールドで使用できますか？

JQueryカーソル機能は、テキストフィールドとテキストエリア要素で使用できます。チェックボックス、ラジオボタン、選択ボックスなど、他のタイプの入力フィールドには適用されません。

jQueryを使用して、入力フィールドの現在のカーソル位置を取得する方法は？

SelectionStartプロパティを使用して、入力フィールドの現在のカーソル位置を取得できます。