4 獲取瀏覽器 元素屬性

2022-05-16 10:05:27 字數 811 閱讀 1794

1. event

event.clientx / y — 可視區橫 / 縱座標

event.pagex / y — 相對於容器的水平 / 垂直座標(ie8-不相容)

擴充套件:event.pagey = scrolltop + clienty

2. 可視區寬 / 高

document.documentelement.clientwidth / clientheight

3. 頁面垂直滾動位置

document.documentelement.scrolltop || document.body.scrolltop   ie11- || 現代瀏覽器

注:需放在window.onscroll = function(){}內

4. 距離定位元素的左 / 上邊距(相對于父元素的位置)

obj.offsetleft / obj.offsettop

擴充套件:獲取元素相對於文件的位置

function getpos(obj)

offsetparent — 定位父級

offsetparent根body --> null

結構的根:document --> null

定位的根:body --> null

jquery:

$obj.position().left / top — 相當於obj.offsetleft / top

$obj.position().left / top — 相當於getpos(obj)

瀏覽器行為研究 元素的title屬性

元素的title屬性常用於提示。但是不同瀏覽器下title的表現行為是不一樣的。各大瀏覽器基本上無大差異,滑鼠移到元素上後即顯示。下面操作行為假設滑鼠一直在帶title屬性的目標元素內部進行 ff,出現title時如果不移動滑鼠title提示不會消失,移動滑鼠後title消失。消失後再次移動滑鼠提示...

瀏覽器元素定位方法

常用四種元素定位方式 id name xpath css 1 id和name定位是比較簡單也比較常用的元素定位方法 一般情況下,id和name是唯一的,可比較確切地定位到某個元素,當然,這要看前端開發的設計了。input text id kw robotframework 或 input text ...

multiple (HTML標籤屬性瀏覽器)

multiple 屬性是 html5 中的新屬性。multiple 屬性規定輸入欄位可選擇多個值。如果使用該屬性,則字段可接受多個值。不同系統間有差異,對於 windows 按住 ctrl 按鈕來選擇多個選項,對於 mac 按住 command 按鈕來選擇多個選項。二 用於html 標籤的 mult...