Question

I have a text field which is showing a value. What I want is when the user writes a new value in that text field and presses enter, an ajax function is triggered to do a pagination operation. I have a text field like this:

<input type="text" id="page" name="page" value="<?php echo($this->pn);?> />

And when a user writes any new value and presses enter, I want the following ajax function triggered:

update_ajax2({rpp:<?php echo($this->rpp);?>,pn:document.page.paged.value,filter:'<?php echo($this->filter);?>',orderby:'<?php echo($this->orderby);?>'});

I tried using the keypress event to detect if(e.which===13) but this doesn’t solve the problem. Can anyone guide me?

Answer 1

<input type="text" id="txt">

$('#txt').keydown(function (e) {
    if (e.keyCode == 13) {
        alert('you pressed enter ^_^');
    }
})

On jsfiddle.

Update (June 2022)

Note that keyCode has been deprecated. Use KeyboardEvent.code or KeyboardEvent.key properties instead:

if (e.key === "Enter") {
   // Pressed enter
}