javascript - 在不使用 Jquery 的情况下，在 MVC View 中的页面中按 Enter 时按钮触发

Question

我在 MVC View 中有一个模态，它有一个按钮，可以调用 java 脚本来发布到 Controller 。如何在页面中按 Enter 时触发按钮。我不确定在 View 中的哪个位置可以调用 JavaScript 函数。

请不要使用 Jquery。为此，我只能使用 Javascript。

这是我的观点:

 @using (Html.BeginForm("forgotPassword", "Home", FormMethod.Post))
        {
            @Html.AntiForgeryToken()
            <div>
                <div>Email Address</div>
                <div><input type="email" name="email" placeholder="example@email.com" id="email" class="forgot-password-textbox"></div>
                <div><label id="Message" class="forgot-password-error-message"></label></div>
                <div><input type="button" value="Submit" id="btn-reset-password" onclick="resetPasswordHandler()" class="orange-button forgot-password-button"></div>
            </div>
        }

这是 Js 方法:

function resetPasswordHandler() {
    //Post Data to Controller
};

Answer 1

当按下回车键时，您可以调用resetPasswordHandler函数。

document.onkeydown = function () {
    if (window.event.keyCode == '13') {
        resetPasswordHandler();
    }
}