Form 送出表單的時候 避免跳轉頁面，用js控制

前言

當下的前端開發，在送出表單的很多時候，既需要能回車送出，又不想跳轉頁面，此時就需要用 js 控制。

需求：能回車送出資料，不跳轉頁面

例子：

HTML

<form method="post" id="regForm" onsubmit="loginSubmit()">
    <div class="input-group">
        <label for="email">郵箱</label>
        <input type="text" name="email" id="email" >
    </div>
    <div class="input-group">
        <label for="password">密碼</label>
        <input  name="password" type="password" id="password">
    </div>
    <button class="btn" type="submit" >登入</button>
</form>      

JS

function loginSubmit(){
  event.preventDefault()
}      

實作原理