千鋒教育JavaScript全套視頻教程(10天學(xué)會(huì)Js,前端javascrip

事件對(duì)象 - 鼠標(biāo)事件
通過dom0給 元素綁定一個(gè)事件 并輸出event 打印出事件對(duì)象
evt.clientX , evt.clientY 距離瀏覽器可視窗口一個(gè)左上角從坐標(biāo)值 如果滾動(dòng)后還是按照最距離左上角的坐標(biāo)(因?yàn)槭蔷嚯x窗口的位置)
pageX ,pageY 距離頁面(文檔流)的左上角的 絕對(duì)位置 滾動(dòng)后坐標(biāo)不變
offsetX ,offsetY 距離觸發(fā)元素的左上角的坐標(biāo)值 若盒子內(nèi)還有其他元素 點(diǎn)擊只會(huì)觸發(fā)被點(diǎn)擊盒子的鼠標(biāo)的位置 (因?yàn)槊芭荩?/p>
總結(jié):一 clientX clientY 如果不觸發(fā)滾動(dòng)條想過和pageXpageY一樣,如果觸發(fā)滾動(dòng)條,獲取到可視口頂端或左端的距離
二.pageX pageY 獲取距離文檔頂端或左端的距離 一定要用 onmousemove
三.offsetX offsetY 獲取內(nèi)側(cè)的偏移量相對(duì)于文檔 e.offsetXe.offsety
標(biāo)簽: