表单中回车选择下一个文本框，兼容IE,Chrome

最新推荐文章于 2022-05-02 17:22:11 发布

傲雪飞狐

最新推荐文章于 2022-05-02 17:22:11 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： script asp.net

本文链接：https://blog.youkuaiyun.com/aoxuefeihu/article/details/9800305

本文介绍了一种使用JavaScript阻止表单默认行为的方法，即当用户按下Enter键时，阻止表单的提交，并实现焦点跳转到下一个输入元素的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        document.onkeydown = function (evt) {
            var isie = (document.all) ? true : false;
            var key;
            var srcobj;
            if (isie) {
                key = event.keyCode;
                srcobj = event.srcElement;
            }
            else {
                key = evt.which;
                srcobj = evt.target;
            }
            if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && srcobj.type != 'textarea' && srcobj.type != '') {
                if (isie) {
                    event.keyCode = 9;
                }
                else {
                    var el = getNextElement(evt.target);
                    if (el.type != 'hidden')
                        el.focus();
                    else
                        while (el.type == 'hidden')
                            el = getNextElement(el);
                    el.focus();
                    return false;
                }
            }
        }
        function getNextElement(field) {
            var form = field.form;
            for (var e = 0; e < form.elements.length; e++) {
                if (field == form.elements[e])
                    break;
            }
            return form.elements[++e % form.elements.length];
        }