Question

How do I bind simultaneous events to selector in jQuery?

I don’t mean how to catch EITHER click or hover on some element, but how to catch two events under condition that BOTH of them occur simultaneously. For example, mouseover and keydown, or click and keydown, like shift+click etc.

Thanks in advance.

Answer 1

Detecting shift + click is easy: Check the shiftKey property of the event object.

Checking a pressed key + mouse event (simultaneously), on the other hand…:

• Bind an event to the keydown/keyup function, which stores the event.keyCode or event.which in a variable
• Create a poller function, which periodically resets this variable, so that only key strokes within the last (example:) 300 milliseconds are counted
• Add a mousedown event, which checks the last remembered keyCode, if existent, and execute the relevant code, if applicable.

For a full code which handles multiple events (two keydown events, in the example), see my previous answer.