shift mouse click trigger

Question

I can trigger click event on element selector using trigger

$('element selector').trigger('click')

Is it possible to trigger shift click. I mean shift + left mouse click.

• Arunprasanth K V: you mean do you want to programically create a shift+mouse click ?
• Maksim Yefremov: @ArunprasanthKV exactly

Answer 1

try

var shiftClick = jQuery.Event("click");
shiftClick.shiftKey = true;
$("element selector").click(function(event) {
 if (event.shiftKey) {
 alert("Shift key is pressed");
 }
 else {
 alert('No shift hey');
 }
});
$("element selector").trigger(shiftClick);

JSFiddle

Answer 2

You can check event.shiftKey boolean propery.

$("element selector").click(function(event) {
 if (event.shiftKey) {
 alert("Shift key is pressed");
 } 
});

Demo

• Maksim Yefremov: thank you, but I need trigger not handler. Trigger is something that simulates shift click but not handle it.

Answer 3

Recently I tried the accepted solution using jQuery 4.0.0 BETA! (it's 2024, I know) to automate "shift + left click" interaction, but it's flaky in some cases for some reason. Not sure why. 🤷🏻 So I resorted to a more native solution below and it worked for me:

const elem = document.querySelector('button');
// Listen for the event.
elem.addEventListener('click', event => {
 if (event.shiftKey) {
 alert('shift key is pressed when clicked');
 return;
 }
 
 alert('shift key NOT pressed when clicked');
});
// Dispatch the event.
const shiftClickEvent = new MouseEvent('click', { shiftKey: true });
elem.dispatchEvent(shiftClickEvent);

https://jsfiddle.net/glenn/tw3uo5xd/