单击时输入输入值或输入按下

Question

我试图简单地返回输入到输入字段中的值。

我想使用jQuery访问值，存储到变量，并从被调用的函数返回它。

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <title>Untitled</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script language = "javascript" type = "text/javascript" src="jquery-2.1.1.js">      </script>
    <script language = "javascript" type = "text/javascript" src = "Database.js"></script>
  </head>
  <body>
      <div id="wrapper">
          <input type ="text" id="input"/></br>
          <input type="button" id="insert"/>
      </div>
  </body>
</html>

这是我的Javascript：

$(document).ready(function() {

var toSubmit = function() {
  var text = $("#input").val();
  return text;
};

var enterPressed = function() {
  $('#input').keyup(function(button) {
    if(button.keyCode==13) {
      toSubmit();
    }
  };

function enterPressed();

});

我没有处理包含按钮的功能，请忽略它。

当我在Chrome的Javascript控制台中运行时，我得到“第15行的意外令牌功能。我是否错误地调用了该功能？

我想让程序做的就是在用户按下回车键后立即返回输入框的值。

更新

HTML：

$(document).ready(function() {

var toSubmit = function() {
  var text = $("#input").val();
  return text;
};

var enterPressed = function() {
  $('#input').keyup(function(button) {
    if(button.keyCode==13) {
      toSubmit();
    }
  });
};

enterPressed();

});

使用Javascript：

$(document).ready(function() {

var values = [];

var toSubmit = function() {
  var text = $("#input").val();
  values.push(text);
  console.log(values);
  return false;
};

var formSubmit = function(e) {
  $('#form').submit(toSubmit);
};

});

Answer 1

正如@DontVoteMeDown在评论中所说， function enterPressed(); 是语法错误，您忘记关闭enterPressed 。 你也忘了用});关闭keyup }); 。 我已经纠正了此代码中的错误：

编辑：更改为event.which而非event.keyCode （ which规范化keyCode和charCode ）。

$(document).ready(function() {

  var toSubmit = function() {
    var text = $("#input").val();
    return text;
  };

  var enterPressed = function() {
    $('#input').keyup(function(event) {
      if(event.which == 13) {
        toSubmit();
      }
    });
  };

  enterPressed();

});

工作jsFiddle示例： http ： //jsfiddle.net/D66Zw/1/

更新：

如果可以的话，如果你只是听一个表单的submit事件会更好。 这样你就可以调用toSubmit ，它将处理按下回车键和提交按钮。 这是你如何做到这一点：

JavaScript的：

$(document).ready(function() {

  var toSubmit = function(e) {
     var text = $("#input").val();

     // do whatever you want to do with 'text' variable here

     // stop form from submitting
     e.preventDefault();
     return false;
  };

  var formSubmit = function() {
      $('#form').submit(toSubmit);
  };

  // call this when you want to bind the submit handler
  formSubmit();

});

HTML：

<form id="form">
    <input type ="text" id="input"/><br />
    <input type="submit" id="insert"/>
</form>

新的jsFiddle示例，单击提交按钮并按Enter键工作： http ： //jsfiddle.net/D66Zw/2/

将值推送到数组

在toSubmit函数之前，创建数组：

var list = [];

在toSubmit函数中：

// push text to array
list.push(text);

// output array in console
console.log(list);

jsFiddle： http ： //jsfiddle.net/D66Zw/4/ （打开控制台，每按一次输入就看到数组）

单击时输入输入值或输入按下

问题描述

1 个解决方案

解决方案1
3 已采纳 2014-07-23 19:45:42

单击时输入输入值或输入按下

问题描述

1 个解决方案

解决方案1 3 已采纳 2014-07-23 19:45:42

解决方案1
3 已采纳 2014-07-23 19:45:42