HTML+JS 实现 input 框回车事件

很多时候input框我们输入结束后都习惯直接按回车,而不是点击button。在form表单中可以实现点击回车即可提交表单,但如果只是一个单独的input框,则无法通过直接按回车来提交内容。

这种情况我们可以使用JavaScript脚本实现input框回车事件,其实现方法很简单,这里用到了jQuery框架,代码如下:只需要在script标签中直接加入以下内容即可。

$(document).ready(function () {
    $("input").keydown(function (event) {
        if (event.keyCode == 13) {
            //这里写事件,例如写个 a();
        }
    });
});

这里给出一个input框示例:

keycode==13即代表按下了回车键,同理可以通过更改此代码实现其他按键的触发事件。

你可能感兴趣的:(javascript,html,前端)