On Enter fire javascript function

308 Views Asked by gamh00 At 16 April 2025 at 04:57

After reading this post here in Stackoverflow, (Detect the Enter key in an text input field) I tried to make a few of my inputs fire on enter... I did not work. I made a simple example and it still doesn't work. Can someone hint as to the proper way? (FYI - Definitely a newbie here)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>On Enter</title>

<script src="../../Scripts/jquery-2.1.0.min.js"></script> 
<script>
        $(".input1").keyup(function (e) {
            if (e.keyCode == 13) {
                alert ("It Works");
            }
        });
</script>

</head>

<body>


        <input type="text"
            id="input1"
            placeholder="Press Enter When Done">
        </input>


</body>
</html>

Thanks

Original Q&A

There are 4 best solutions below

Spencer Wieczorek On 25 November 2014 at 21:23 BEST ANSWER

First you need to say #input1 other than .input1, then run it when the entire DOM is ready:

$(document).ready(function(){
    $("#input1").keyup(function (e) {
        if (e.keyCode == 13) {
            alert ("It Works");
        }
    });
});

Edit: As @jfriend00 mentioned in a comment it's a good idea to use e.which other than e.keycode. To do so you can change: e.keyCode == 13 to e.which == 13. This way is recommenced by the people at jQuery, as it normalizes e.keyCode and e.charCode.

Alexus On 25 November 2014 at 21:20

Change the .input1 in your JS to #input1

When you use . it means it's a class, but you have an ID, which is #.

Patrick Bellerive On 25 November 2014 at 21:23

first, like the previous answer your criteria is not good. change for ID second, put your javascript at the and of the file on in the ready document. Because the javascript is in execution while the documenta as not finish to load . So the event can't be add to an element that doesnt exist.

fictus On 25 November 2014 at 21:23

Your code is triggering a "class", not an "id", so add a "#" instead of a "." in input1:

       $("#input1").keyup(function (e) {
            if (e.keyCode == 13) {
                alert ("It Works");
            }
        });

On Enter fire javascript function

There are 4 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JQUERY

Related Questions in ALERT

Related Questions in ENTER

Trending Questions

Popular # Hahtags

Popular Questions