112 lines
2 KiB
JavaScript
112 lines
2 KiB
JavaScript
|
/*
|
||
|
|
* Based on tristen hoverintent plugin - https://github.com/tristen/hoverintent
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function( $ ) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var hoverIntent = function( el, onOver, onOut ) {
|
||
|
|
var x, y, pX, pY,
|
||
|
|
h = {},
|
||
|
|
state = 0,
|
||
|
|
timer = 0;
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
sensitivity: 7,
|
||
|
|
interval: 100,
|
||
|
|
timeout: 0
|
||
|
|
};
|
||
|
|
|
||
|
|
function delay( el, e ) {
|
||
|
|
if ( timer )
|
||
|
|
timer = clearTimeout( timer );
|
||
|
|
|
||
|
|
state = 0;
|
||
|
|
|
||
|
|
return onOut ? onOut.call( el, e ) : null;
|
||
|
|
}
|
||
|
|
|
||
|
|
function tracker( e ) {
|
||
|
|
x = e.clientX;
|
||
|
|
y = e.clientY;
|
||
|
|
}
|
||
|
|
|
||
|
|
function compare( el, e ) {
|
||
|
|
if ( timer )
|
||
|
|
timer = clearTimeout( timer );
|
||
|
|
|
||
|
|
if ( (Math.abs( pX - x ) + Math.abs( pY - y )) < options.sensitivity ) {
|
||
|
|
state = 1;
|
||
|
|
|
||
|
|
return onOver ? onOver.call( el, e ) : null;
|
||
|
|
} else {
|
||
|
|
pX = x;
|
||
|
|
pY = y;
|
||
|
|
|
||
|
|
timer = setTimeout( function() {
|
||
|
|
compare( el, e );
|
||
|
|
}, options.interval );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Public methods
|
||
|
|
h.options = function( opt ) {
|
||
|
|
options = $.extend( {}, options, opt );
|
||
|
|
|
||
|
|
return h;
|
||
|
|
};
|
||
|
|
|
||
|
|
function dispatchOver( e ) {
|
||
|
|
if ( timer )
|
||
|
|
timer = clearTimeout( timer );
|
||
|
|
|
||
|
|
el.removeEventListener( 'mousemove', tracker );
|
||
|
|
|
||
|
|
if ( state !== 1 ) {
|
||
|
|
pX = e.clientX;
|
||
|
|
pY = e.clientY;
|
||
|
|
|
||
|
|
el.addEventListener( 'mousemove', tracker );
|
||
|
|
|
||
|
|
timer = setTimeout( function() {
|
||
|
|
compare( el, e );
|
||
|
|
}, options.interval );
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
function dispatchOut( e ) {
|
||
|
|
if ( timer )
|
||
|
|
timer = clearTimeout( timer );
|
||
|
|
|
||
|
|
el.removeEventListener( 'mousemove', tracker );
|
||
|
|
|
||
|
|
if ( state === 1 ) {
|
||
|
|
timer = setTimeout( function() {
|
||
|
|
delay( el, e );
|
||
|
|
}, options.timeout );
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
h.remove = function() {
|
||
|
|
el.removeEventListener( 'mouseover', dispatchOver );
|
||
|
|
el.removeEventListener( 'mouseleave', dispatchOut );
|
||
|
|
};
|
||
|
|
|
||
|
|
el.addEventListener( 'mouseover', dispatchOver );
|
||
|
|
|
||
|
|
el.addEventListener( 'mouseleave', dispatchOut );
|
||
|
|
|
||
|
|
return h;
|
||
|
|
};
|
||
|
|
|
||
|
|
$.fn.hoverIntent = function( over, out, options ) {
|
||
|
|
return this.each( function() {
|
||
|
|
hoverIntent( this, over, out ).options( options || {} );
|
||
|
|
} );
|
||
|
|
};
|
||
|
|
|
||
|
|
})( jQuery );
|