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 等值。