想在文本字段按enter键时执行功能

Question

我有这个HTML：

<form id="form1" name="form1" method="post" action="">
  <input name="PtName"   type="text" id="PtName" />
  <input name="Button" type="button" id="button"  onclick="search_p()" value="Check" />
        </form>

serach_p（）是函数：

<script type="text/javascript">
function search_p(){
         $.ajax({
      url: 'srchpt.php',
      type: 'POST',
      data: { PtName: $('#PtName').val()},
      success: function(data){
        $(".myresult").html(data);
      }
    })
}
</script>

我想在PtName文本中按Enter键时执行相同的search_p（）函数我该怎么做？

Answer 1

在表单上指定onsubmit：

<form ... onsubmit="search_p(); return false">

并将按钮的type更改为submit：

<input name="Button" type="submit" id="button" value="Check" />

Answer 2

你可以通过使用以下jquery函数来做到这一点：

$("#PtName").keyup(function (e) {
    if (e.keyCode == 13) {
        // call function
    }
});

Answer 3

Javascript：在javascript中放入以下功能

function enterPressed(event) {
    var key;

    if (window.event) {
        key = window.event.keyCode; //IE
    } else {
        key = event.which; //firefox
    }

    if (key == 13) {
        yourFunction();
       // do whatever you want after enter pressed event. I have called a javascript function
    }
}

HTML：

<input type="text" onkeypress="javascript:enterPressed(event)">

对于所需的文本字段，请输入qazxsw poi事件

Answer 4

在表单的提交事件中调用您的函数： -

onkeypress