Javascript 如何在按enter键时获取输入字段值_Javascript_Php_Jquery

Javascript 如何在按enter键时获取输入字段值

javascript php jquery

Javascript 如何在按enter键时获取输入字段值,javascript,php,jquery,Javascript,Php,Jquery,当用户按enter键时，我试图从输入框中获取值。我不需要任何按钮。我怎样才能做到这一点 test.php <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquer

当用户按enter键时，我试图从输入框中获取值。我不需要任何按钮。我怎样才能做到这一点

test.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>

<body>

<form action="#" method="GET" enctype="multipart/form-data">
    <center>
            <input name="quan" align="middle" type="text" id="quan" placeholder="quan" title="If You Want Change Quantity Then Type Here"  size="4">
    </center>
</form>

<script type="text/javascript">
    $(document).ready(function(){
        var model=$('#quan').val();
        console.log(model);
    });                                     
</script>
</body>
</html>


无标题文件
$（文档）.ready（函数（）{
var模型=$（'#quan'）.val（）；
console.log（模型）；
});

函数getVal（ele）{ 如果（event.keyCode==13）{ 警报（元素值）； } }

试试这个：

<script type="text/javascript">
$( "input" ).keypress(function( event ) {
  if ( event.which == 13 ) {
      alert($(this).val());
  }
});
</script>


$（“输入”）。按键（功能（事件）{
if（event.which==13）{
警报（$（this.val（））；
}
});

您可以这样做

<script type="text/javascript">
$( "input" ).keypress(function( event ) {
  if ( event.which == 13 ) {
      consol.log($(this).val());
  }
});
</script>


$（“输入”）。按键（功能（事件）{
if（event.which==13）{
consol.log（$（this.val（））；
}
});

其中13是输入键代码当您在键盘中输入时，您可以在控制台中看到该值

<script>
 $(document).on('keyup','#quan',function(){
 var code = e.keyCode || e.which;
  if(code == 13) { //Enter keycode
   //Do something
  }
 });
</script>

$（文档）.on（'keyup'，'#quan'，function（）{ var代码=e.keyCode | | e.which；如果（code==13）{//输入keycode //做点什么 } }); 使用

keyup（）

或

keydown（）函数。除此之外，使用event.keyCode==13
在点击enter
按钮后获取值
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>

<form action="#" method="GET" enctype="multipart/form-data">
    <center>
            <input name="quan" align="middle" type="text" id="quan" placeholder="quan" title="If You Want Change Quantity Then Type Here"  size="4">
    </center>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
      $('#quan').keydown(function(event) {
          if (event.keyCode == 13) {
              var model=$('#quan').val();
              alert(model);
              // Use this 'model' variable
          }
      });
 });
</script>
</body>
</html>

像这样
$(document).ready(function(){
     $('#quan').keyup(function (e){
            var model=$(this).val();
            if(e.keyCode == 13){
                alert(model)
              }
          })

    });

如果用户在页面上的任何位置点击enter键，您希望发生这种情况吗？或者输入一个值，然后点击enter键？您可以使用onChange（）
事件，但这取决于您想对该值执行什么操作。我会选择常规的表单提交
如果您在表单中设置了一个提交按钮（可以通过样式隐藏），则在输入时按enter键将触发对该dubmit按钮的合成单击，然后您将获得值服务器端，具体取决于表单操作attributeOP正在使用jquery，为什么你建议他使用内联事件处理程序这种不好的做法。@Niklesh如果我想将此值存储在一个变量中以供php使用，该怎么办？如果你想发布此值，只需将其命名并在另一个.php文件中获取此值，您将在action tag中提到。如果不是这样，你能解释一下吗。@Rivdan Shaikh如果我想将此值存储在一个用于php的变量中怎么办？如果我想将此值存储在一个用于php的变量中怎么办？请检查这一方kar我将如何在php中使用javascript变量？你想将此模型
值传递到另一个页面还是什么@bc110402307SyedZeeshanHaide？是的，亲爱的，如果我想将此值传递到另一页或同一页上，以便将其用于sqli查询，该怎么办？使用Ajax将此模型发送到下一页。等几分钟。我将为您提供代码，以便将其发送到下一页@bc110402307syedzeeshanhaide谢谢NANA bhai:P上帝保佑您
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function() {
      $('#quan').keydown(function(event) {
          if (event.keyCode == 13) {
              var model=$('#quan').val();
              $.ajax({url:"nextPage.php?model="+model,cache:false,success:function(result){
                    alert("success");
              }});
          }
      });
 });
</script>

<?php
$model = $_GET['model'];

//Now, use this '$model' wherever you want to use in this page. 

?>

$.ajax({url:"nextPage.php?model="+model,cache:false,success:function(result){
      if(result.status == 'success'){
                alert("success");
      } else if(result.status == 'error') {
                alert("Error");
      }
}});

$(document).ready(function(){
     $('#quan').keyup(function (e){
            var model=$(this).val();
            if(e.keyCode == 13){
                alert(model)
              }
          })

    });