zoukankan      html  css  js  c++  java
  • 回车替换Tab 并不会 提交表单 IE Chrome 通过

    网上一堆可以回车替换tab的代码,可是基本都忽略谷歌浏览器的兼容性,找了3个小时 试了无数遍,终于总结出这一段代码,希望能帮到需要的同学,也给自己留个备忘
            document.onkeydown=function(evt)
            {
                var isie = (document.all) ? true : false;
                var key;
                var srcobj;
                // if the agent is an IE browser, it's easy to do this.
                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')
                            ;   //nothing to do here.
                        else
                            while(el.type=='hidden')
                                el=getNextElement(el);
                        if(!el)
                            return false;
                        else
                            el.focus();

           //把提交按钮retrun 为false
                        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];
            }

    用了好一段时间才整理出来的,要转载的童鞋记得保留我的链接哦http://www.cnblogs.com/linyijia/p/3457974.html

  • 相关阅读:
    Vue3 模板语法
    Vue 起步
    [原创]CPA、CPC、CPM、CVR、CTR和ROI分别代表什么?
    Redis 线程模型
    BIO和NIO区别以及原理
    kafka简介&kafka安装
    python测试开发django-109.ModelForm模型表单的使用
    HttpRunner2.X 版本和 3.X 版本的区别到底有哪些?(吐血总结!)
    python测试开发django-108.form组件Select下拉框读取数据库内容
    DDD领域驱动设计架构模式:防腐层(Anti-corruption layer)
  • 原文地址:https://www.cnblogs.com/linyijia/p/3457974.html
Copyright © 2011-2022 走看看