javascript - 如何确定鼠标在mousemove事件上的方向(左上，右上，左下和右下)

Question

我找到了 this回答如何确定鼠标在上、右、下和左方向上移动的问题，但我需要对 Angular 线而不是四个直线方向。

这是我的代码:

var deltaX = window.mxShapeRes - event.offsetX,
    deltaY = window.myShapeRes - event.offsetY;

if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 0) {
    //left
} else if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX < 0) {
    //right
} else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY > 0) {
    //up
} else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY < 0) {
    //down
}

我需要确定鼠标是在左上、右上、左下还是右下。

如何使用给定的代码执行此操作？

感谢任何可以提供帮助的人!

Answer 1

您可以组合条件。例如，如果鼠标在左上方移动，则 deltaX 和 deltaY 将 > 0。

if (deltaY > 0 && deltaX > 0) {
    // top - left
} else if (deltaY > 0 &&  && deltaX < 0) {
    // top - right
} else if (deltaY < 0 &&  && deltaX > 0) {
    // bottom - left
} else if (deltaY < 0 &&  && deltaX < 0) {
    // bottom - right
}