[转]js 回车转成TAB(利用tabindex)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02.<html xmlns="http://www.w3.org/1999/xhtml">
03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05.<script type="text/javascript">
06.function enterToTab(event, input) {
07. var e = event?event:window.event;
08. var form = document.getElementById('form1');
09. if(e.keyCode == 13) {
10. var tabindex = input.getAttribute('tabindex');
11. tabindex++;
12. var inputs = form.getElementsByTagName('input');
13. for(var i=0,j=inputs.length; i<j; i++) {
14. if (inputs[i].getAttribute('tabindex') == tabindex) {
15. inputs[i].focus();
16. break;
17. }
18. }
19. }
20.}
21.</script>
22.</head>
23.<body>
24.<form id="form1">
25.<input type="text" tabindex="1" onkeydown="enterToTab(event,this);"/>
26.<input type="text" tabindex="2" onkeydown="enterToTab(event,this);"/>
27.<input type="text" tabindex="3" onkeydown="enterToTab(event,this);"/>
28.<input type="text" tabindex="4" onkeydown="enterToTab(event,this);"/>
29.<input type="button" value="click me" onclick="alert('I'm here!')" tabindex="5" onkeydown="enterToTab(event,this);"/>
30.</form>
31.</body>
32.</html>

本文转自:http://blog.csdn.net/djchallenge/article/details/7325844

上一篇:Do-Now—团队冲刺博客三


下一篇:JEECG环境搭建(Maven版本)-总结Eclipse