getDirection(event: MouseEvent, parent: HTMLElement): string
该方法用于获取鼠标相对于指定父元素的方向。
event
:触发事件的 MouseEvent 对象。parent
:被绑定事件的父元素 HTMLElement 对象。top
:鼠标位于父元素的上方。top-right
:鼠标位于父元素的右上方。right
:鼠标位于父元素的右侧。bottom-right
:鼠标位于父元素的右下方。bottom
:鼠标位于父元素的下方。bottom-left
:鼠标位于父元素的左下方。left
:鼠标位于父元素的左侧。top-left
:鼠标位于父元素的左上方。center
:鼠标位于父元素的中心位置。以下示例展示了如何使用 getDirection
方法:
const parentElement = document.querySelector('#parent');
parentElement.addEventListener('mousemove', (event) => {
const direction = Yuka.Trigger.getDirection(event, parentElement);
console.log(`鼠标相对于父元素的方向:${direction}`);
});
在上述示例中,当鼠标在父元素内移动时,会输出当前鼠标相对于父元素的方向,例如 top
、bottom-right
、left
等值。