在一个表单的输入之间进行TAB键循环 [英] Make TAB key cycle between inputs of one form

问题描述

我在一个页面上有一些< form> 元素，例如2-3个表单。如何在一个表单的输入之间循环切换TAB键，而不是在到达一个表单的最后一个表单时转到下一个表单？

I have a a number of <form> elements, like 2-3 forms, on one page. How can I make TAB key switch in cycle between inputs of one form, not go to next form when the last input of one form is reached?

这是小提琴两种形式 http://jsfiddle.net/VnRBL/ 。

推荐答案

我相信这就是你要找的东西

I believe this is what you're looking for

window.onload = function() {
    var i, f = document.getElementsByTagName("FORM");
    for(i = 0; i < f.length; i++){
        (function(i){
        f[i].elements[f[i].length-1].onkeydown = function(e) {  
            var keyCode = e.keyCode || e.which; 
            if(keyCode == 9) { 
                f[i].elements[0].focus();
                e.preventDefault();
            }
        };
        })(i);
    }
};

检查工作 jsFiddle

这篇关于在一个表单的输入之间进行TAB键循环的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！