Question

Currently I’ve setup a function to go forward and back when pressing the left and right arrow keys in pages using this:

$(document).keydown(function (e) {
    if ($(e.target).is('input')) { return false
    } else if (e.keyCode == 37) {
        $(".pageback").click();
        return false;
    }
    if (e.keyCode == 39) {
        $(".pagenext").click();
        return false;
    }
});

This allows the arrow keys to be used to browse back and forth, but when a textbox is encountered, the arrow keys are still active.

Although this stops the keydown functions when the textbox is in focus, it also does not allow anything at all to be typed into the input area.

HELP!

Thanks

Answer 1

“it also does not allow anything at all to be typed into the input area.”

The problem is this part:

if ($(e.target).is('input')) { return false

When you return false from the event handler it prevents the default behaviour for the event.

Change it to return true or just return (with no value) and the default behaviour (in this case, typing in the field) will be permitted.

(Note: you may also want to check for textarea elements, not just inputs.)