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...