form表单绑定点击事件

主要原因是这样的：我只想用form做查询，但是我并不想通过表单来提交数据，而是通过一个函数来提交，然后这就涉及到了我原先不懂的地方，就是提交按钮用submit还是button。原先一直没搞懂，一直都是点击后查询，也就是不用enter键，然后今天回过头又发现了这个不良好交互，自己试验了一下自己的猜想，结果发现原先自己可真的是太天真了，直接可以type="submit"然后再绑定点击事件，就会在输入框键入按enter键的时候触发点击事件，交互效果可比我以前的好多了！

 <form action="">

   <input type="text" name="" id="">
    <input type="submit" name="" value="提交" id="submit" >
</form>
<script>
    const submit = document.querySelector('#submit');
    submit.onclick = ()=>{ alert('1')}
</script>

自己可太蠢了