Detect keypress during onclick event for div

[nanananana]

Hi

i am looking for a way to detect when a user is holding down the control key (or could be another key) while they are clicking on a div element, because i want to fire a different function if they are holding down the control key compared to when they are not.

I have googled around and havent come up with an answer yet and its kinda frustrating Does anyone know if this can be done, must work in FF, dont really care about IE

Cheers!

 

[BillyRayPreachersSon]

You should be able to do this really easily, so I'm surprised nothing shows up on a Google search for you... something like this:

el.onclick = keypressfunc;

function keypressfunc(eventData) {
   if (eventData.ctrlKey) {
      // Do something here...
   }
}

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

P.S... Here's a good reference to available DOM events:

http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html

Support for these may differ from browser to browser, and IE has a different way of getting event data to almost every other browser, so you'd need to modify the above code slightly if you do want IE support.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

idnzor,

Did that work for you?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[nanananana]

yeah it worked fine, i use a global variable to flag whether the contorl key is being held down, i then reference this on a mouseclick event. If the user is holding down the control key i do one thing, if not i do another. thank!

 

[BillyRayPreachersSon]

You shouldn't need to set any global variables - it's passed through to you in the event data.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]