Javascript 如何在窗体内按enter键时触发另一个按钮

我有一个搜索栏，如果我键入任何内容，它将以另一种模式处理答案或输出。然后，如果我单击[search]按钮，则会触发模式。现在我想，如果我在框内按enter键，它将触发按钮

 <form class="form-inline" >
        <input class="form-control mr-sm-1" onkeyup="SearchFunction()" id="searchinputfeild" 
type="search" placeholder="" aria-label="Search">

        <a class="btn btn-outline-success my-2 my-sm-0" id="searchbutton" data-toggle="modal" data- 
target="#resultsModal">Search</a>
      </form>

搜寻

我在javascript方面非常弱。请给我一些建议，说明如何才能做到这一点。

<form class="form-inline" id="myForm">
        <input class="form-control mr-sm-1" id="searchinputfeild" 
type="search" placeholder="" aria-label="Search">

        <a class="btn btn-outline-success my-2 my-sm-0" id="searchbutton" data-toggle="modal" data- 
target="#resultsModal">Search</a>
      </form>

<script type="text/javascript">
    var form = document.getElementById("myForm");
    function handleForm(event) { event.preventDefault(); } 
    form.addEventListener('submit', submit);

    function submit(event) {
        event.preventDefault()
        console.log('code here')
    }
</script>

搜寻
var form=document.getElementById（“myForm”）；
函数handleForm（event）{event.preventDefault（）；}
表格.附录列表（“提交”，提交）；
功能提交（事件）{
event.preventDefault（）
console.log（'code here'）
}

您好，您可以通过简单的JavaScript代码做到这一点：

<script>
 var input = document.getElementById("searchinputfeild");
 input.addEventListener("keyup", function (event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("searchbutton").click();
   }
 });
</script>

您的HTML（某些更改）：

搜寻

不要使用标记，而是使用按钮

现在，最后将下面的JavaScript代码放在你的身体（或任何地方）：

<script>
 var input = document.getElementById("searchinputfeild");
 input.addEventListener("keyup", function (event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("searchbutton").click();
   }
 });
</script>

var input=document.getElementById（“SearchInputFeId”）；
input.addEventListener（“键控”，函数（事件）{
如果（event.keyCode===13）{
event.preventDefault（）；
document.getElementById（“searchbutton”）。单击（）；
}
});

你完了

---

---

使用标记中的onSubmit属性并将搜索函数传递到onSubmit@RupinderpalThind嗯。。没用。你能告诉我密码吗。因为我觉得我不太明白伙计们谢谢你们的建议。我刚取下标签，它让我完全满意。感谢您的支持和时间事实上，当人们在我的领域中键入一些内容时，它会以不同的模式显示答案。当我点击用标签创建的按钮时，模态打开。但当我使用button标签时，它只是提交答案，但我并不是它不能执行的按钮，而是执行data toggle=modal的按钮。所以请再给我一个建议好的。尝试使用和。但它不起作用。我怎么给你们看这个问题的视频？谢谢你们的建议。我刚取下标签，它让我完全满意。谢谢你们的支持和时间，很好，但使用按钮是表单中唯一的解决方案，若你们删除表单标签，那个么它会工作得很好。谢谢你们的建议。我刚取下标签，它让我完全满意。谢谢你的支持和时间