启用Enter fire JavaScript功能

Question

在Stackoverflow上阅读了这篇文章之后，（在文本输入字段中检测出Enter键），我试图使输入中的一些内容在Enter上触发...我没有用。 我举了一个简单的例子，它仍然行不通。 有人可以暗示正确的方法吗？ （仅供参考-这里绝对是新手）

<!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>

谢谢

Answer 1

首先，您需要说#input1而不是.input1 ，然后在整个DOM准备就绪时运行它：

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

编辑：作为@ jfriend00在评论中提到它的使用是一个好主意e.which以外e.keycode 。 为此，您可以将e.keyCode == 13更改为e.which == 13 。 jQuery的人们推荐这种方式，因为它规范了e.keyCode和e.charCode 。

Answer 2

将JS中的.input1更改为#input1

使用时. 这意味着它是一个类，但是您有一个ID，即# 。

Answer 3

您的代码正在触发“类”，而不是“ id”，因此请添加“＃”而不是“”。 在输入1中：

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

Answer 4

首先，像上一个答案一样，您的条件不好。 更改ID为第二，将您的javascript放在就绪文档中的和上。 因为JavaScript正在执行，而documenta尚未完成加载。 因此，无法将事件添加到不存在的元素中。

启用Enter fire JavaScript功能

问题描述

4 个解决方案

解决方案1
6 已采纳 2014-11-25 21:23:29

解决方案2
5 2014-11-25 21:20:19

解决方案3
1 2014-11-25 21:23:58

解决方案4
0 2014-11-25 21:23:55

启用Enter fire JavaScript功能

问题描述

4 个解决方案

解决方案1 6 已采纳 2014-11-25 21:23:29

解决方案2 5 2014-11-25 21:20:19

解决方案3 1 2014-11-25 21:23:58

解决方案4 0 2014-11-25 21:23:55

解决方案1
6 已采纳 2014-11-25 21:23:29

解决方案2
5 2014-11-25 21:20:19

解决方案3
1 2014-11-25 21:23:58

解决方案4
0 2014-11-25 21:23:55