在IE中我被告知textRange
,但我無法在其他瀏覽器中找到相同的效果。 我需要一種方法來讀取觀察者看到的元素的X,Y偏移量。如何獲得字符偏移X和Y(座標)
回答
Firefox擁有Range對象,而不是在的TextRange IE - https://developer.mozilla.org/en/DOM/range
從第一次看我沒有看到,返回座標的方法,但他們有一些會在4.0,這可能有助於:
https://developer.mozilla.org/en/DOM/range.getBoundingClientRect
返回ClientRect對象 界限的範圍的內容;此 一個矩形,該範圍內包含所有 元素的邊界矩形的聯合。
您也可以看看這裏: https://developer.mozilla.org/en/DOM%3aElement.getClientRects
返回的值是 ClientRect對象,一個與 元素關聯的每個CSS 邊界框的集合。每個ClientRect對象 包含只讀左,上,右 和描述 邊界框,在像素底的特性,與 左上角相對於左上的 視口中,除非該元素是 內的SVG異物對象元素 ,在這種情況下,左上角是相對於最近的異物對象 以及該對象的座標系中的相對位置 。對於帶有 字幕的表,即使在 表格的邊框之外,字幕也包含在內,即使是 。
最初,微軟希望這種方法爲每行文本返回一個TextRectangle 對象。然而, CSSOM工作草案指定 它返回每個 邊框的ClientRect。對於內聯元素, 兩個定義是相同的。但對於 塊元素,Mozilla將僅返回 只有一個矩形。
選擇:
IE:
var range = document.body.createTextRange();
range.moveToElementText(myDiv);
range.select();
Firefox,歌劇,,WebKit Nightlies版:
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(myDiv);
selection.removeAllRanges();
selection.addRange(range);
Safari瀏覽器:
var selection = window.getSelection();
selection.setBaseAndExtent(myDiv, 0, myDiv, 1);
我需要FF 3+,有沒有辦法選擇內部文本? – Himberjack 2010-11-10 16:45:05
在選擇每個字母並讀取它們的偏移量時,似乎字母'o'和'F'的屬性之間沒有區別。有沒有解釋這個?我試圖獲得每個字母的座標...(每個字母的頂部像素) – Himberjack 2010-11-10 17:05:45
它可能會告訴選區覆蓋的正方形的座標,並且它看起來對於所有字母都是相同的,無論大寫還是不是。我不確定你能在瀏覽器中獲得標誌符號座標,如果可能的話,最好使用SVG。 – 2010-11-10 17:13:31
- 1. Flex - 如何獲得絕對的X和Y座標,包括HTML偏移量?
- 2. 如何獲得X的Y座標(無需移動鼠標)
- 3. Netbeans:獲得X和Y座標
- 4. X/Y座標到相鄰的Y偏移量的計算
- 5. 如何設置字符移動的(x,y)座標限制
- 6. 如何獲得正確的X和Y座標以及setDragImage。
- 7. 如何獲得mouseClick的x和y座標
- 8. 在C編程的VGA編程:從中獲取x,y座標和偏移
- 9. 如何獲取JButton的(x,y)座標
- 10. 如何獲取x,y座標
- 11. C#Y座標始終是偏移量
- 12. 的Android - 顯示由x座標偏移圖像,Y
- 13. 獲取UIButton的x和y座標
- 14. Java獲取x和y座標
- 15. 使用TapGestureRecognizer獲取座標x和y
- 16. 獲取HTML5中的x和y座標
- 17. 獲取X和Y座標onClick
- 18. 獲取X和Y座標視圖
- 19. Android:獲取TextView的X和Y座標?
- 20. 商店X和Y座標
- 21. Gnuplot座標軸x和y
- 22. 顯示X和Y座標?
- 23. 如何獲得屏幕觸摸的x,y座標?
- 24. 如何獲得右上角(X,Y)錶行的座標
- 25. 如何從特定距離獲得x,y座標
- 26. D3.js如何獲得x軸和y軸的位置/偏移量
- 27. CGContextDrawImage在變速的x座標偏移
- 28. 函數獲得X/Y座標移動在邊緣柔和的三角形上
- 29. Java X Y座標
- 30. 如何獲得TextArea組件內插入符號的X,Y座標?
你能提供一些德尾巴正是你想要達到的目標?你在談論獲取用戶選擇的座標嗎? – 2010-11-10 16:24:41
不,我在中顯示一個文本,我想知道每個字母在屏幕上的座標 – Himberjack 2010-11-10 16:29:40