Why doesn’t it prevent undoing the focus change after pressing Tab-keypress?

Question

I was messing around with preventDefault() and should be doing something wrong.

$("#input").bind("keypress", function(event) {
    if(event.which == 9) {
    event.preventDefault();
    alert("You pressed tab.");
    }
});

Tab functionality is not prevented. What is wrong with that?

Answer 1

The event keypresssimply does not fire when Tab is pressed - this also explains why there is no warning, no matter what the default warning can prevent.

Changing the code to use keydownallows you to catch the tab and prevents the default focus from changing (in Chrome ¹ anyway).

$("#input").bind("keydown", function(event) {
    if(event.which == 9) {
        event.preventDefault();
    }
});

---

¹ Chrome 35 jQuery 1.6-2.1; KO 3.0.

Answer 2

FIDDLE. . .

$("body").on("keydown", function(event) {
if(event.which == 9) {
event.preventDefault();
    alert("You pressed tab.");
}
});

Answer 3

JQuery

: keypress - , , , , .

.on( "keypress", handler) ​​.trigger( "keypress" ) .

, . keydown, , , Shift, Esc delete , . .

, . .