zoukankan      html  css  js  c++  java
  • JS Enter键实现Tab键功能

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <form>
    <input name="" type="text" />
    <input name="" type="text" /><input name="" type="text" /><input name="" type="text" /><input name="" type="text" /><input name="" type="text" />
    <input name="" type="text" /><input type="button" /><input type="password" />
    </form>
    </body>
    </html>

    <script language="javascript">
    document.onkeydown=function(evt){
     //document.all可以判断浏览器是否是IE,是页面内所有元素的一个集合
     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;//event.srcElement,触发这个事件的源对象
     }
     else {
      key = evt.which;
      srcobj=evt.target;//target是Firefox下的属性
     }
     if(key==13 && srcobj.type!='button' && srcobj.type!='submit' &&srcobj.type!='reset' && srcobj.type!='textarea' && srcobj.type!='') {
      if(isie)
       event.keyCode=9;//设置按键为tab键
      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();
      }
     }
    }

    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];
    }

    </script>

  • 相关阅读:
    理解Web路由(浅谈前后端路由与前后端渲染)
    JavaEE开发之SpringMVC中的路由配置及参数传递详解
    Vue2.0 render: h => h(App)的解释
    vue data不可以使用箭头函数的问题解析
    9、响应式数据原理
    项目中的问题
    7-42 整型关键字的散列映射 (25分)
    7-43 字符串关键字的散列映射 (25分)
    7-45 航空公司VIP客户查询 (25分)
    7-44 基于词频的文件相似度 (30分)
  • 原文地址:https://www.cnblogs.com/zhangzhiping35/p/10673670.html
Copyright © 2011-2022 走看看