<div></div>
<div></div>
<div></div>
<div></div>function myCallback() {
console.log('beep boop');
}
$('div')
.on('mouseover', function(e){
debounce( e, myCallback, 1000 );
})
.on('mouseout', function(e){
debounce( e );
});| function debounce( e, callback, ms ) { | |
| switch( e.type ) { | |
| case 'mouseover': | |
| try { | |
| window.timeoutId = setTimeout( callback, ms ); | |
| } catch( evt ) { | |
| console.error( evt ); | |
| } | |
| break; | |
| case 'mouseout': | |
| if ( window.timeoutId ) { | |
| clearTimeout( window.timeoutId ); | |
| return false; | |
| } | |
| break; | |
| } | |
| } |
<div></div>
<div></div>
<div></div>
<div></div>function myCallback() {
console.log('beep boop');
}
$('div')
.on('mouseover', function(e){
debounce( e, myCallback, 1000 );
})
.on('mouseout', function(e){
debounce( e );
});