ハイライトされたテキストの位置を取得することは可能ですか？

Question

ハイライトされたテキストのXおよびY位置をマウスで現在のアクティブなWebページに表示できますか？

jQueryでこれを達成する方法を教えてください。

Answer 1

このJavascriptライブラリrangeblockを確認することができます。

テキスト範囲のレイアウトを特定し、測定し、表現することができます。

// TypeScript 
import * as rb from "rangeblock" 

// measure layouts 
let block = rb.extractSelectedBlock(window, document); 
if (!block) { 
    console.error("please select some text on the web page"); 
    return; 
} 
console.info("Text layout: " + JSON.stringify(block.dimensions)); 

// representation of the text range 
console.info("Text layout: " + JSON.stringify(block.rangeMeta)); 

// recreate range using RangeMeta 
let meta :RangeMeta = ... ; 
block = rb.restoreBlock(window, document, meta); 

Answer 2

あなたはIE9を必要としない場合の例：

s = window.getSelection(); 

は選択を返します。だから試してみてください

s = window.getSelection(); 
oRange = s.getRangeAt(0); //get the text range 
oRect = oRange.getBoundingClientRect(); 

oRectは、クライアント（固定）座標の外接矩形になります。

From this answer here。