How can I check if a keyboard or mouse event is done inside of

Question

Editorial Team

Asked: June 2, 20262026-06-02T19:16:24+00:00 2026-06-02T19:16:24+00:00

How can I check if a keyboard or mouse event is done inside of a div?

Once I check the onmousemove() event of a div it works but onkeyup, onkeypress etc are not working for the div.

What is the reason for that?

<div onmousemove="alert(1);" onkeypress="alert(2);">

Here alert(1) will be displayed but alert(2) is not displayed.

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-02T19:16:25+00:00

The div must have focus.
Here is how you do it:

1- Tabindex:

// JQ
$("#divID")
    .attr("tabindex", "0")
    .keydown(function(){ /* ... bla bla bla ... */ return false; });

Or

// JS
<div id="divID"
     width="500px"
     height="500px"
     tabindex="1">
</div>

$("#divID").attr("contentEditable", "true")

Or

$("#divID")[0].contentEditable = true;