JavaScriptでマウスを使用してテキスト選択をシミュレートできますか?

StackOverflow https://stackoverflow.com/questions/1426256

  •  07-07-2019
  •  | 
  •  

質問

マウスの左ボタンをシミュレートしてページ上のテキストを選択し、指定されたx、yの位置(ピクセル単位)にドラッグしたい

これはJavaScriptで実行できますか?

役に立ちましたか?

解決

JavaScriptを使用してこの方法でマウスを制御することは不可能だと思います。

ただし、JavaScriptを使用してドキュメントの一部を直接選択できます。例:

var h3s = document.getElementsByTagName("h3");
var range = document.createRange();
range.selectNode(h3s[0]);
window.getSelection().addRange(range);

最初のh3要素を選択します。

次も参照してください: http://www.quirksmode.org/dom/range_intro.html建物の範囲に関する詳細情報。

ドキュメントの本文全体を選択するには、次を使用できます。

var body = document.getElementsByTagName("body")[0];
var range = document.createRange();
range.selectNode(body);
window.getSelection().addRange(range);

ドキュメントの4番目の段落の3番目の文字を選択するには、次を試してください:

var p4 = document.getElementsByTagName("p")[3].firstChild;
var range = document.createRange();
range.setStart(p4, 2);
range.setEnd(p4, 3);
window.getSelection().addRange(range);

他のヒント

    /**
     * Select text between 2 elements. Support selection of continuous elements.
     * @param {Object} element1 begin element.
     * @param {Object} element2 end element.
     */
    function selectBetweenTwoElements(element1, element2) {
        if (window.getSelection) {
            /* all browsers, except IE 8 and IE 7 */
            var selection = window.getSelection();
            selection.removeAllRanges();
            var range = document.createRange();
            range.setStart(element1, 0);
            range.setEnd(element2, 1);
            selection.addRange(range);
        } else {
            /* works fine in IE 8 / IE 7 */
            if (document.body.createControlRange) {
                var range1 = document.body.createTextRange();
                range1.moveToElementText(element1);

                var range2 = document.body.createTextRange();
                range2.moveToElementText(element2);

                var range = document.body.createTextRange();
                range.setEndPoint("StartToStart", range1);
                range.setEndPoint("EndToEnd", range2);
                range.select();
            }
        }
    }

私が知る限り、それは不可能です。選択できる唯一のテキストはフォーム要素(textarea、入力テキストなど)にあります

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top