Question

如果您有正常的表格：

<form method='post' action='#'>
<input type='text' name='#' />
<input type='submit' value='Submit />
</form>

然后您可以填写输入字段，然后按Enter键。但是，我正在使用链接来完成我的工作：

<form method='post' action='#'>
<input type='text' name='#' />
<a href='#' class='button' onclick='get_form(this).submit();'>Submit</a>
</form>

这就像一个魅力，但是，我希望它继承普通提交字段所具有的'可点击'。这有可能通过一些JavaScript吗？

Answer 1

$('#your_input_textfeild_id').keypress(function(e) {
     //check if enter is pressed
   if(e.keyCode == 13) {


    //click your link
        $('#your_submit_link_id').click();



    }
  });

Answer 2

试试这个：

<script>
   document.getElementById('TEXTBOXID').onkeypress = function(e){
      var evt = e || window.event;
      if(evt.keyCode == 13){
          get_form(this).submit();
      }
   }
</script>

Answer 3

你可以试试这个

document.getElementById('my_input').onkeypress = function(e)
{
  var event = e || window.event;
  if(event.keyCode == 13 && this.value!="")
  {
     form = this.parentNode;
     if(form.tagName.toLowerCase() == "form") 
     {  
        form.submit();
     } 
  }
}

You have to add an id to your text box and replace my_input with it.

Answer 4

我认为这样做的正确方法是实际包含

<input type="submit"  >

然后您可以将其设置为隐藏。或者，只需将submit元素设置为您想要的样式。我的理由是浏览器查找该提交元素，这就是如何分配输入键以提交表单。而且我认为最好让浏览器处理这类问题，而不是使用JavaScript来捕获按键事件。

建立一个'enter-clickable'链接

4 个答案: