<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>My JSP 'left.jsp' starting page</title>

<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<script type="text/javascript">
//$(function(){
// $("#name").focus();
//});
//$(function(){

/*function load(){
var input=document.getElementsByTagName("input");
//alert(input.length);
var event = window.event || arguments[0];
for(var i=0;i<input.length;i++){
document.getElementById("textf"+i).onkeydown=function (){
//alert("333");
//alert("555");
// if(event.keyCode == 13){
// var textid=i+1;
// event.keyCode=9;
var index=i;
alert(index);
$("input:text:eq("+index+")").focus();

//}
//$("#textf"+(i+1)).focus();
//event.keyCode = (event.keyCode == 13)?9:event.keyCode;
}
}
}*/
$(function(){
$("input:eq(0)").focus();
var $input = $("input");
$input.bind("keydown",function(e){
var key = e.which;
if(key==13){
e.preventDefault();
var index= $input.index(this)+1;
if(index==4){
$("#subForm").submit();
index=0;
//$("input:eq("+index+")").css("border-color","blue");
}
alert(index);
console.log(index);
$("input:eq("+index+")").focus();
//$("input:eq("+index+")").css("border-color","blue");
//$("input:eq("+index+")").parent().parent().siblings().find("input").css("border-color","#ccc");
}
});
});

//});

//var document.getElementsByTagName("input");
//function getName(){
// event.keyCode = (event.keyCode == 13)?9:event.keyCode;
//}
//function getName(){
// $("#age").focus();
//}
//function getAge(){
// $("#hobby").focus();
//}
//function getHobby(){
// $("#sub").focus();
//}
</script>
<style type="text/css">
input:focus{
border:1px solid red;
}
</style>
</head>

<body>
<form action="www.baidu.com" id="subForm" method="post">
<table>
<tr>
<td>姓名</td>
<td><input type="text" id="textf0" /></td>
</tr>
<tr>
<td>年龄</td>
<td><input type="text" id="textf1" /></td>
</tr>
<tr>
<td>爱好</td>
<td><input type="text" id="textf2" /></td>
</tr>
<tr>
<td></td>
<td><input type="button" id="textf3" onclick="return document.forms[0].submit();" value="确定"/></td>
</tr>
</table>
</form>
</body>
</html>

回车键转tab键的更多相关文章

  1. 使用回车键代替TAB键 需jquery1.4.2版本

    1 $(document).ready(function () { 2 $(':input:text:first').focus(); 3 $(':input:enabled').addClass(' ...

  2. 将回车键转tab键

    //功能:将回车键转tab键$(function () {$('input:text:first').focus();var $enter = $("input[type=text],but ...

  3. 回车键转tab键解决方案一

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  4. PB中用回车键实现tab键的功能

    先编辑控件的TabOrder顺序,然后在 global external functions 中定义一个API:Subroutine keybd_event(int bVk,int bScan,ulo ...

  5. 将回车键转换为Tab键

    实现效果: 知识运用: KeyEventArgs类的KeyValue属性 public int KeyValue {get;} //获取KeyDown或KeyUp事件的键盘值 SendKeys类的Se ...

  6. 回车键转tab键解决方案二

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  7. C语言 统计一串字符中空格键、Tab键、回车键、字母、数字及其他字符的个数（Ctrl+Z终止输入）

    //凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ #include<stdio.h> void main(){ , num=, blank=, ...

  8. JQuery实现回车代替Tab键(按回车跳到下一栏)

    一个提交按钮以后,用户如果按了键盘的回车键,默认情况下,就会提交这个表单了.这样对于用户输入各个表单项目,用户体验很不好,输入完一个项目,或者用鼠标选择下一个项目,或者用键盘的Tab键选中下一个项目. ...

  9. WinForm中变Enter键为Tab键实现焦点转移的方法

    if (e.KeyCode == Keys.Enter) { //this.SelectNextControl(this.ActiveControl,true, true, true, true); ...

随机推荐

  1. c# ConfigurationSection

    怎么把自己的配置文件配置到app.config中? 方案1:在app.config中添加 <!--应用配置--> <appSettings configSource="Co ...

  2. ucos 学习

    1.UCOSII 早期版本只支持 64 个任务,但是从 2.80 版本开始,支持任务数提高到 255 个,不过对我们来说一般 64 个任务都是足够多了,一般很难用到这么多个任务. UCOSII 保留了 ...

  3. 【转】赞一下huicpc035

    以下转自:http://hi.baidu.com/fpkelejggfbfimd/item/99421eaefa93a814a9cfb722 本来以为HNU的huicpc035和我一样退役了,后来听说 ...

  4. VS2010--2013使用技巧及使用过程中遇到的问题

    Microsoft Visual Studio 2010 --2013默认情况下是不显示代码的行号的,但是在编译出错时,可点击下面输出窗口中的错误提示进行定位.但是这样操作起来你有没有感觉到不方便呢. ...

  5. struts2笔记4

    1.自定义struts拦截器 应用场景:如果用户登陆后可以访问action中的所有方法,如果用户没有登陆不允许访问action中的方法,并且提示“你没有操作权限” 1)两个页面,一个用户登陆user. ...

  6. 指定YUM安装包的体系结构或版本

    在单一体系结构下同时安装32位和64位包echo ‘multilib_policy=all’ >> /etc/yum.conf 指定体系结构 查看当前系统体系结构[root@oracle ...

  7. call()\apply()\bind()备忘录

    这几个玩意儿几乎看一次忘一次,每次用都要重新看一遍,还是理解的不够.本文对不做深入解释,只根据自己的理解对函数定义进行语义化说明. 1.call() fun.call(context,arg1,arg ...

  8. 关于ajax伪实时动态下拉显示最新数据

    var list= data.data.list; //list是ajax返回的数组Array].Id).length>) { return false; } //$("#learnL ...

  9. Linux phpbb论坛的安装（英文版）

    1:建立文件夹

  10. C# 4.0中dynamic的作用

    internal sealed class Coffee { public string GetName() { return "You selected Maxwell coffee.&q ...