Определить направление мыши с помощью jQuery

Question

Я хочу инициировать действие, когда пользователь наводит курсор на определенный элемент, но только если мышь находилась снизу элемента.т.е. hover проверяет направление курсора и запускает функцию, только если направление было «вверх» (курсор вошел в элемент снизу).

Существует аналогичный пост о jQuery hover с направлением мыши, но яЯ предполагаю, что должно быть более простое решение, если мне нужно только «вверх» и «вниз», а не использовать положение мыши для определения каждого возможного угла.

Answer 1

Простое решение будет:

var mY = 0;
var over = 0;
var direction = '';
$(document).ready(function(){
    $('body').mousemove(function(e){
        if (over == 0) mY = e.pageY;
    });
    $('.my_element').bind('mouseover mousemove', function(e){
        over = 1;
        if (e.pageY < mY){
            direction = 'From Bottom';
        }else{
            direction = 'From Top';
        }

    });
    $('.my_element').bind('mouseout', function(){
        over = 0;
    });
});

Это просто быстро, надеюсь, это работает для вас ...