Jquery keypress not working

Question

I have newly created table and I want to bind key-press event to td

I have written the following code and it is not working

$("body").on("keypress",".control table tr td",function(e){
    alert(9);
});

and I replaced keypress with click then it is working

$("body").on("click",".control table tr td",function(e){
    alert(9);
});

How can you `keypress` on `td`? And you didn't ask any question. — Kaarel, Oct 12 '13 at 17:02
Random objects cannot have a keypress event. Only elements that can have focus can have keypress. You need to use `$("body").keypress`. — Robbie Wxyz, Oct 12 '13 at 17:03
Basically a "keypress" event is when the browser senses a keyboard input.I think you misunderstood between keypress and click which is an event that gets fired when you press the mouse button. — scarecrow, Oct 12 '13 at 17:04
I have

and created table with in this div, means this is run tim editable — Your Yummy, Oct 12 '13 at 17:06
You still have to have some element (`input`, `textarea` etc) focused to fire a keypress — Kaarel, Oct 12 '13 at 17:08
As written in my answer, it is actually possible to add `onkeypress` to a `td`: [W3C link](http://www.w3schools.com/jsref/event_onkeypress.asp). Some research helped ;) — Kaarel, Oct 12 '13 at 20:23

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

Per this answer you might need to set the parenting element's contentEditable="false" (not sure about your document structure, but maybe tr?). You might also try setting the contentEditable explicitly for the td element.

edited May 23 '17 at 10:25

Community

1
1

answered Oct 12 '13 at 20:05

Oiva Eskola

949
8
13

score 0 · Answer 2 · answered Oct 12 '13 at 20:09

Actually, as written in W3C, onkeypress event can occur on every HTML element, but not <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>.

You still need to have focusable tag. So, in order to do that to a td, you have to use tabindex attribute.

Based on those two links, you can do something like this:

<!-- this is td that needs to be focused in order to get onkeypress event -->
<td tabindex="1"></td>

Jquery keypress not working

2 Answers2