jQuery: How to catch keydown + mouse click event?

Question

I have a div element. I need to catch a mouse click on this div while alt-key (keyCode = 17) is pressed.

Here is what i've got to catch key press:

// Html
<div id="targetDiv">I want to put a ding in the universe.</div>

// Java-script
$(document).ready(function(){
    $(window).bind('keydown', function(event){
        if ( 17 == event.keyCode ) {
           // How to catch mouse click on $('#targetDiv') ?
        }
    });
});

How to catch mouse click on div while alt-key is pressed?

Solution

You can check the .altKey property, for example:

$(function() {
  $("#targetDiv").click(function(event) {
    if (event.altKey) {
       //do something, alt was down when clicked
    }
  });
});

You can test it out here.

Comments

[foreline]

Nice solution to listen to click event first. Thanks.

[Igorock]

it's for Alt. For Ctrl use event.ctrlKey