Execute function on Enter

Question

How can I execute some code when the Enter key is hit on a text field?

My approach doesn't do anything:

<script>
textfield.onkeydown = function(e) {
    if (e.keyCode == 13) {
        alert("abc");
    }
}
</script>

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

PS: I don't want to use JQuery.

No it does not. The accepted answer is vanilla/plain js - it is however using 2 ways to get the event and 2 ways to get the keyCode as mandated by the browser differences when not using jQuery. That and assigning after the element is available in the DOM is what you need — mplungjan, Nov 01 '15 at 21:29

andrrs · Accepted Answer · 2015-11-01T21:29:00.883

1

Put the script below the textfield so that it exists in the DOM first:

<input type="text" id="textfield">
<script>
textfield.onkeydown = function(e) {
    if (e.keyCode == 13) {
        alert("abc");
    }
}
</script>

edited Nov 01 '15 at 21:29

answered Nov 01 '15 at 21:19

andrrs

or wrap in window.onload – mplungjan Nov 01 '15 at 21:23
@mplungjan Yes, that's an option as well – andrrs Nov 01 '15 at 21:24
Also this will not work in all browsers. See linked answer for the full event handling – mplungjan Nov 01 '15 at 21:32

1 Answers1