event對象常用屬性及三個重要座標


event對象常用屬性

屬性 作用
data 返回拖拽對象的 url 字符串
width 該窗口或框架的寬度
height 該窗口或框架的高度
pageX 光標相對於該網頁的水平位置(ie無)
pageY 光標相對於該網頁的垂直位置(ie無)
screenX 光標相對於該屏幕的水平位置
screenY 光標相對於該屏幕的垂直位置
target 該事件被傳送到的對象
type 事件的類型
clientX 光標相對於該客戶區的水平位置
clientY 光標相對於該客戶區的垂直位置


三個重要座標

  1. 鼠標在屏幕中的座標 (event.screenX, event.screenY)
  2. 鼠標在窗口中的座標 (event.clientX, event.clientY)
  3. 鼠標在頁面中的座標 (event.pageX, event.pageY)


運用這些知識可以做鼠標跟隨案例






在這裏插入圖片描述

知乎:叄貳壹

簡書:帶只拖鞋去流浪

關注我,帶你一起寫bug

warning :未經授權,不得轉載

有問題的小夥伴請在下方留言,喜歡就點個贊吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章