• 表单切换,用回车键替换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

  • 相关阅读:
    HTTP && 缓存
    querySelector $() getElementBy区别
    Canvas 雾玻璃
    Github page
    Browserify
    关于布局和结构
    how to install flash
    kali update can’t found win7 loader
    arp spoofing
    How To Set Up Port Forwarding in Linux
  • 原文地址:https://www.cnblogs.com/yuxing/p/2077867.html
Copyright © 2020-2023  润新知