JS - 如何阻止表单的回车提交

当一个表单只包含一个搜索输入框时,点击回车,都会默认将表单提交。
SO,如何阻止该表单的回车提交呢?

给该表单再加个隐藏(但可不是隐藏域)的输入框,回车时就不会被默认提交了。

<input type="text" name="text" style="display:none;">

本来想偷懒用 js 直接禁掉回车事件,但是页面中有输入翻页回车跳转,所以不能这样。

js 回车事件

document.onkeydown = function(event){ 
e = event ? event :(window.event ? window.event : null); 
    if(e.keyCode == 13){ 
        alert('嘿嘿'); 
    } 
}

jq 回车事件

$(document).keydown(function(e){ 
    if(e.keyCode == 13){ 
        alert('嘿嘿'); 
    } 
})
返回文章列表 打赏
本页链接的二维码
打赏二维码
期待你的评论