一個 hover 連結時會出現效果的實作
此方法會回傳選擇到的 DOM 元素的大小和位置
範例:
const linkCoords = this.getBoundingClientRect();- mouseenter: 滑鼠移入元素觸發
- mouseleave: 滑鼠移出元素觸發
- mouseover: 滑鼠移入元素觸發,移入移出其子元素也會觸發
- mouseout: 滑鼠移出元素觸發,移入移出其子元素也會觸發
範例: 可以打開 codepen console 玩玩看 https://codepen.io/a90100/pen/abOKgMR?editors=1011
window.scrollY
window.scrollX