表单切换,用回车键替换Tab健(不支持IE)_Javascript教程-查字典教程网
表单切换,用回车键替换Tab健(不支持IE)
表单切换,用回车键替换Tab健(不支持IE)
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varinputs=document.getElementsByTagName("input");for(i=0;i

复制代码 代码如下:

<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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类