js獲得頁面中的絕對位置

2021-08-30 01:35:21 字數 774 閱讀 8877

[size=small]textrectangle物件,對getclientrects和getboundingclientrect可以得到乙個更好的說明.

getclientrects 返回乙個textrectangle集合,就是textrectanglelist物件。

getboundingclientrect 返回 乙個textrectangle物件。

瀏覽器差異:

除了safari,firefox2.0外所有瀏覽器都支援getclientrects和getboundingclientrect,

firefox 3.1給textrectangle增加了 width 和 height。

ie 和非ie瀏覽器在使用getclientrects還是有些差別的,ie獲取textrectanglelist的範圍很大。而非ie獲取的範圍比較小, 只有display:inline的物件才能獲取到textrectanglelist,例如em i span 等標籤。

使用場景:

現 在用得最多的是getboundingclientrect,這個直接返回乙個textrectangle,其實大家經常使用它來獲取到乙個 element的viewport座標.其實就算dom裡面沒有文字也能返回乙個 textrectangle. 這樣就不需要向上遍歷來計算物件的相對座標了。

如果不支援getboundingclientrect可用下列方法獲得

取得頁面上元素的絕對位置x y

function getx(obj)

function gety(obj) [/size]

js獲得頁面滑鼠位置

1.客戶區座標位置 clientx,clienty 滑鼠 2.頁面座標位置 pagex,pagey 滑鼠相對於頁面左上角的位置 受滑動等影響,例如pagey clienty scrolltop 3.螢幕座標位置 screenx,screeny 滑鼠相對於電腦左上角的位置 無視瀏覽器位置 4.偏移座標...

itext中文字的絕對位置放置

itext中 可以使用 table.writeselectedrows 0,1,x,y,writer.getdirectcontent 來實現絕對位置放置。那文字段落呢.當我們不需要itext對每個單詞 句子 段落實現自動格式的時候,或是想使用特殊布局,就可以使用pdfcontentbyte來實現絕...

vue 使用自定義指令設定元素的絕對位置

需求 需要根據後台的位置資料,設定元素在頁面的絕對位置,即確定元素的left和top值 解決方法,一開始想到使用計算屬性,但是不能傳遞具體元素的位置 所以使用自定義指令 指令?即像v model,v if等語句,指令可以對dom元素進行操作 自定義指令,即自己定義乙個指令,用來處理dom的結構屬性 ...