Jquery effect problem : How to detect if mouseover is triggered by scroll ?

Question

Hello,

I have another problem, and because the reply is to fast here i come back again !!

I would like to use "key navigation" and for that, i use the keypress event with down/up key )

When my mouse is over a div (div who's contenaing a big table) and i pull the down key :

i scroll to next td + change css style + remove the current style

And again, for each event..

So, because my mouse is over the main div, each time i scroll (auto) to a element, the mouseover event is triggered ..

And so, the effect is missed..

This is the perfect script :

• User use keyboard navigation : Mouseover is disabled (so style change only with up/down key)
• User don't use keyboard : mouseover change the style

Could you help me ?

The code :

$("#content tr").mouseover(function() {
    $("#content tr.use,#content tr.sel").removeClass("use sel");
    $(this).addClass("sel");
});

And the keyboard navigation code : http://pastebin.com/Hgn5Y1FV

(Sorry again for my english.. )

Thanks

Answer 1

Well, if you got some "trigger" on that an user may choose between keyboard and mouse you can .unbind() the mouse event handler (on keyboard selection).

$('#content tr').unbind('mouseover');

That should be done more detailed by unbinding a specific event handler, I'll give you an example of this if this is what you are looking for.

Answer 2

Try this. Whenever your scrolling (from the arrow keys) starts, have it set a flag to true, and when the scrolling stop, set the flag to false.

var keyboardScroll = false;  // Set to true when keyboard scroll begins
                             //     and false when keyboard scroll ends

Then have the mouseover code run only if keyboardScroll is false;

$("#content tr").mouseover(function() {

    if( !keyboardScroll ) {  // Run code only if keyboard scroll is not true
        $("#content tr.use,#content tr.sel").removeClass("use sel");
        $(this).addClass("sel");
    }

});

Answer 3

To my knowledge this isn't something that would work across differnt browsers. Behaviors like this are very much up to the programmer of each browser, and they different don't play nice across the board. I don't think most browsers run the mouse-over interface while scrolling.

What you could try (and this won't be easy), is grab the mouse coordinates of the page, and the scroll% of the page, and then calculate where the mouse would be.

The page over here might help give you a good start.