禁用Enter键表单自动提交

最新推荐文章于 2025-09-05 17:15:33 发布

岁寒松柏

最新推荐文章于 2025-09-05 17:15:33 发布

阅读量531

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签：浏览器 firefox function input ie c

本文链接：https://blog.youkuaiyun.com/xusongsong520/article/details/8027474

javaScript 专栏收录该内容

122 篇文章

订阅专栏

本文介绍如何使用JavaScript编写代码，阻止HTML表单在按下Enter键时自动提交，提升用户体验。

//禁用Enter键表单自动提交
        document.onkeydown = function(event) {
            var target, code, tag;
            if (!event) {
                event = window.event; //针对ie浏览器
                target = event.srcElement;
                code = event.keyCode;
                if (code == 13) {
                    tag = target.tagName;
                    if (tag == "TEXTAREA") { return true; }
                    else { return false; }
                }
            }
            else {
                target = event.target; //针对遵循w3c标准的浏览器，如Firefox
                code = event.keyCode;
                if (code == 13) {
                    tag = target.tagName;
                    if (tag == "INPUT") { return false; }
                    else { return true; }
                }
            }
        };