JavaScript or Jquery event handlers for "ctrl"/"shift" + mouse left button click

Question

Is it possible to handle such events as: "ctrl" + mouse left button click; "shift" + mouse left button click; "alt" + mouse left button click by using JavaScript/jquery(or other framework).

If it is possible, please give a code example for it.

Answer 1

You can do something like this (jQuery for the click handler, but any framework works on the part that matters):

$(selector).click(function(e) {
  if(e.shiftKey) {
    //Shift-Click
  }
  if(e.ctrlKey) {
    //Ctrl+Click
  }
  if(e.altKey) {
    //Alt+Click
  }
});

Just handle whichever you want inside an if inside the click handler like I have above.

Answer 2

If you use JQuery plugin called hotkeys you can handle the special keys below.

$(document).bind('keydown', 'Ctrl+c', fn);