Skip to main content

jQuery Capture Shift+Click Event Example

By Sam Deering

JavaScript

Share:

😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

In this jQuery code snippet the shift key press is captured only when the user is hovering over a anchor element while holding down the shift key.

$('a').each(function(i) { 
	jQuery(this).bind('click', doOverlayOpen);
	// This function only happens if user hover element while holding shift-button down
	jQuery(this).bind('mouseover', function(e) {
		if (e.shiftKey) {
			//console.log("dobbelclick: " + jQuery(this).attr('rel'));
			doOverlayOpenId(this.hash);
			jQuery(jQuery(this).attr('rel')).trigger("click");
		}
	});
});

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *


🤓 Ok. When did a code editor from Microsoft become kinda cool!?