zoukankan      html  css  js  c++  java
  • 表单切换,用回车键替换Tab健。

    表单切换,用回车键替换Tab健。

    <div>
        <form>
            <input name="a" tab="1" />
            <input name="a" tab="3" />
            <input name="a" tab="2" />
            <input name="a" tab="5" />
            <input name="a" tab="4" />
            <input type="submit" value="submit" />
        </form>
    </div>
    <script type="text/javascript">
        var inputs = document.getElementsByTagName("input");
        for (i = 0; i < inputs.length; i++) {
            inputs[i].onkeydown = function(e){
                if (e.keyCode == 13) {
                    var input = getInputByTab(parseInt(this.getAttribute("tab")) + 1);
                    if (input) {
                        input.focus();
                        return false;
                    }
                }
            }
        }
     
        function getInputByTab(t) {
            for (i =0; i < inputs.length; i++) {
                if (inputs[i].getAttribute("tab") == t)
                    return inputs[i];
            }
            return false;
        }
    </script>
    

    input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。

    目前不支持IE

  • 相关阅读:
    js选项卡
    js 逻辑运算符
    git 标签管理
    git多人协作
    git 分支强制删除
    git bug修复
    DOS命令编译JAVA程序
    JDK的安装与配置
    我在linux的第一个C程序
    看我如何在控制台一行显示几万字符。
  • 原文地址:https://www.cnblogs.com/yuxing/p/2077867.html
Copyright © 2011-2022 走看看