Функция для мыши рядом с элементом в jQuery

Question

Я хочу отслеживать и показывать всплывающую подсказку, когда мышь находится рядом с элементом заголовка таблицы. Он работает с событием mouseenter, но я хочу показать подсказку перед mouseenter, когда он приблизится. Также я хочу удалить всплывающую подсказку после mouseout на некотором расстоянии от заголовка стола.

Это мой код.

$('thead').mouseenter(showtooltip);
$('thead').mouseout(removetooltip);

Как я могу сделать это с помощью jQuery?

Answer 1

Это работает. Первый параметр может быть любым объектом jQuery. Второй параметр - это близость к объекту, в данном случае 20px.

Демо: http://jsfiddle.net/ThinkingStiff/Lpg8x/

Сценарий:

$( 'body' ).mousemove( function( event ) {

    if( isNear( $( 'thead' ), 20, event ) ) {
        //show your tooltip here
    } else {
        //hide it here
    };

});           

function isNear( element, distance, event ) {

    var left = element.offset().left - distance,
        top = element.offset().top - distance,
        right = left + element.width() + 2*distance,
        bottom = top + element.height() + 2*distance,
        x = event.pageX,
        y = event.pageY;

    return ( x > left && x < right && y > top && y < bottom );

};