event對象常用屬性
屬性 | 作用 |
---|---|
data | 返回拖拽對象的 url 字符串 |
width | 該窗口或框架的寬度 |
height | 該窗口或框架的高度 |
pageX | 光標相對於該網頁的水平位置(ie無) |
pageY | 光標相對於該網頁的垂直位置(ie無) |
screenX | 光標相對於該屏幕的水平位置 |
screenY | 光標相對於該屏幕的垂直位置 |
target | 該事件被傳送到的對象 |
type | 事件的類型 |
clientX | 光標相對於該客戶區的水平位置 |
clientY | 光標相對於該客戶區的垂直位置 |
三個重要座標
- 鼠標在屏幕中的座標 (event.screenX, event.screenY)
- 鼠標在窗口中的座標 (event.clientX, event.clientY)
- 鼠標在頁面中的座標 (event.pageX, event.pageY)
運用這些知識可以做鼠標跟隨案例
關注我,帶你一起寫bug
warning :未經授權,不得轉載
有問題的小夥伴請在下方留言,喜歡就點個贊吧