Question

The jquery.hotkeys plugin lets you easily add and remove handlers for keyboard events. However, this plugin can handle keyboard event only but not mouse click event. So it does not support something like:

$('#gallery li.icon').bind('click', 'ctrl+leftbutton', function() {
    $(this).addClass('selected');
});

I know this is not difficult to implement, but I am curious if someone has already posted a neat solution for this.

Answer 1

You can just check the event’s .ctrlKey property for this, for example:

$('#gallery li.icon').click(function(e) {
  if(e.ctrlKey) $(this).addClass('selected');
});

In this we’re just checking if the Ctrl key is down then the click event happened. Just to be clear, .ctrlKey is basic JavaScript, there’s no dependency on the hotkeys plugin.