表单切换,用回车键替换Tab健(不支持IE)

表单切换,用回车键替换Tab健。input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。目前不支持IE

复制代码 代码如下:


<div>
<form>
<input tab="1" />
<input tab="3" />
<input tab="2" />
<input tab="5" />
<input 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>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdfygz.html