从输入中获取数据以用作javascript中的对象_Javascript_Jquery

从输入中获取数据以用作javascript中的对象

javascript jquery

从输入中获取数据以用作javascript中的对象,javascript,jquery,Javascript,Jquery,我不知道如何创建一个事件侦听器，从输入中获取文本并将输入发送到javascript上的变量。然后，变量将产生另一个输出。例如，如果在文本框中键入“f”（前进），则变量必须使该输入等于一个数字 <input type="text" id="textinput"> </input> <button type="button" onclick="console()" id="click">Try it</button> var console = fu

我不知道如何创建一个事件侦听器，从输入中获取文本并将输入发送到javascript上的变量。然后，变量将产生另一个输出。例如，如果在文本框中键入“f”（前进），则变量必须使该输入等于一个数字

<input type="text" id="textinput">
</input>
<button type="button" onclick="console()" id="click">Try it</button>

var console = function() {
  $("#textinput").val();
  if (console == "hi") {
    alert("#text input was also hi");
  }
}


试试看
var console=function（）{
$（“#textinput”）.val（）；
如果（控制台==“hi”）{
警报（“文本输入也为hi”）；
}
}

console

是一个函数，您不能用“hi”来测试它。您希望使用另一个变量检索文本框的值。您还可以尝试直接在文本框上使用onKeyUp事件，以避免每次修改输入时按下按钮

尝试：

然后单击按钮上的，取下该按钮

onkeypress将完成这项工作，但您必须在hi之后键入一些内容，或者可能是一个空格

<!DOCTYPE>

<html>
<head>
<script src="http://lotrucks.in/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">


function cons() {

    var console = $("#textinput").val();
    if (console == "hi") {alert("#text input was also hi")}
}

</script>
</head>


<body>
<input type="text" id="textinput" onkeypress="cons();" />

</body>
</html>


函数cons（）{
变量控制台=$（“#文本输入”）.val（）；
if（console==“hi”）{alert（#文本输入也是hi”）}
}

我建议删除html中的onclick属性设置器，并使用jQuery click方法。然后，您只需获取值并执行条件逻辑（这里是一个）

Javascript:

$('#click').click(function () {
    var inputVal = $("#textinput").val();
    if (inputVal == "hi") {
        alert("#text input was also hi");
    }
    else
    {
     alert('input was ' + inputVal);   
    }
});

HTML（无内联单击事件设置器，不需要type属性）：


试试看

这是您的一个问题，我会避免使用“console”作为变量或函数名，因为javascript中已经有一个“console”对象，即console.log（），谢谢，它看起来是正确的，但是当我键入“hi”和clickNot click时，警报不会弹出，只是键入，我的意思是，对不起，谢谢，我以前尝试过click方法，但运气不好。我不知道发生了什么事小提琴工作得很好，你是否将你的点击函数包装在$（文档）中。准备好（函数（）{}）？对不起，杰森，我没跟你提过。是的，问题是在JSFIDLE上选择jQuery库。谢谢看看小提琴。谢谢迈克尔，发生了一些非常奇怪的事情。它可以在你的小提琴上演奏，我把它复制粘贴在我的小提琴上，但它不起作用。不过，我知道代码是如何工作的，非常感谢！好的，找到了原因，我用了标签“no library，pure javascript”，而不是“jQuery”。这就是当你是一个初学者时会发生的事情！谢谢你的帮助

<!DOCTYPE>

<html>
<head>
<script src="http://lotrucks.in/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">


function cons() {

    var console = $("#textinput").val();
    if (console == "hi") {alert("#text input was also hi")}
}

</script>
</head>


<body>
<input type="text" id="textinput" onkeypress="cons();" />

</body>
</html>

$('#click').click(function () {
    var inputVal = $("#textinput").val();
    if (inputVal == "hi") {
        alert("#text input was also hi");
    }
    else
    {
     alert('input was ' + inputVal);   
    }
});

<input type="text" id="textinput">
</input>
<button id="click">Try it</button>