AABB
AlignmentBehavior
ArriveBehavior
AStar
BFS
BoundingSphere
BVH
BVHNode
Cell
CellSpacePartitioning
CohesionBehavior
CompositeGoal
ConvexHull
Corridor
CostTable
DFS
Dijkstra
Edge
EntityManager
EvadeBehavior
EventDispatcher
Behavior
FollowPathBehavior
FuzzyAND
FuzzyCompositeTerm
FuzzyFAIRLY
FuzzyModule
FuzzyOR
FuzzyRule
FuzzySet
FuzzyTerm
FuzzyVariable
FuzzyVERY
GameEntity
Goal
GoalEvaluator
Graph
GraphUtils
HalfEdge
HeuristicPolicyDijkstra
HeuristicPolicyEuclid
HeuristicPolicyEuclidSquared
HeuristicPolicyManhattan
InterposeBehavior
LeftSCurveFuzzySet
LeftShoulderFuzzySet
LineSegment
Logger
MathUtils
Matrix3
Matrix4
MemoryRecord
MemorySystem
MeshGeometry
MessageDispatcher
MovingEntity
NavEdge
NavMesh
NavMeshLoader
NavNode
Node
NormalDistFuzzySet
OBB
ObstacleAvoidanceBehavior
OffsetPursuitBehavior
OnPathBehavior
Path
Plane
Polygon
Polyhedron
PriorityQueue
PursuitBehavior
Quaternion
Ray
RectangleTriggerRegion
Regular
RightSCurveFuzzySet
RightShoulderFuzzySet
SAT
SeekBehavior
SeparationBehavior
SingletonFuzzySet
Smoother
SphericalTriggerRegion
State
StateMachine
SteeringBehavior
SteeringManager
Task
TaskQueue
Telegram
Think
Time
TriangularFuzzySet
Trigger
TriggerRegion
Vector3
Vehicle
Version
WanderBehavior

getDirection

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}`);
});

在上述示例中,当鼠标在父元素内移动时,会输出当前鼠标相对于父元素的方向,例如 topbottom-rightleft 等值。