回车键转tab键
<!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键的更多相关文章
- 使用回车键代替TAB键 需jquery1.4.2版本
1 $(document).ready(function () { 2 $(':input:text:first').focus(); 3 $(':input:enabled').addClass(' ...
- 将回车键转tab键
//功能:将回车键转tab键$(function () {$('input:text:first').focus();var $enter = $("input[type=text],but ...
- 回车键转tab键解决方案一
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- PB中用回车键实现tab键的功能
先编辑控件的TabOrder顺序,然后在 global external functions 中定义一个API:Subroutine keybd_event(int bVk,int bScan,ulo ...
- 将回车键转换为Tab键
实现效果: 知识运用: KeyEventArgs类的KeyValue属性 public int KeyValue {get;} //获取KeyDown或KeyUp事件的键盘值 SendKeys类的Se ...
- 回车键转tab键解决方案二
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- C语言 统计一串字符中空格键、Tab键、回车键、字母、数字及其他字符的个数（Ctrl+Z终止输入）
//凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ #include<stdio.h> void main(){ , num=, blank=, ...
- JQuery实现回车代替Tab键(按回车跳到下一栏)
一个提交按钮以后,用户如果按了键盘的回车键,默认情况下,就会提交这个表单了.这样对于用户输入各个表单项目,用户体验很不好,输入完一个项目,或者用鼠标选择下一个项目,或者用键盘的Tab键选中下一个项目. ...
- WinForm中变Enter键为Tab键实现焦点转移的方法
if (e.KeyCode == Keys.Enter) { //this.SelectNextControl(this.ActiveControl,true, true, true, true); ...
随机推荐
- Oracle常用操作-----（二）
Oracle主要类型函数: 单行函数:只能输入一行结果,返回一个结果.常见的单行函数有: 字符函数 数字函数 转换函数 日期函数 2.聚合函数:同时可以对多行数据进行操作,并返回一个结果.(AVG.S ...
- Fragment与FragmentAcitvity间的传值
Fragment与FragmentAcitvity间的传值 FragmentActivity中传值 Bundle bundle=new Bundle(); bundle.putSerializable ...
- 用hashMAP或ArrayList解决recylerView中checkbox的选择错乱问题。
//这个监听一定要放在checkbox初始化的方法之前,否则无效.是因为滑动的时侯会重新给checkbox赋值造成的.holder.cbFileSel.setOnCheckedChangeListen ...
- libjingle_peerconnection
最近在学习libjingle_peeconnection的代码 不知道应该如何写起,就先从类和各种数据结构列起吧 PeerConnectionFactory: 在创建PeerConnectionFac ...
- wcf 配置
wcf 开发 [ServiceContract]-----接口定义1 public interface ILog { [OperationContract]------接口定义1 List<Lo ...
- 【Tarjan】+【SPFA】APIO2009 Atm
一.算法介绍 tarjan——求解有向图强连通分量.这个算法在本人的一篇blog中有介绍,这里就不赘述了.贴上介绍tarjan的的blog链接:http://www.cnblogs.com/Maki- ...
- [问题2014A09] 复旦高等代数 I（14级）每周一题（第十一教学周）
[问题2014A09] 设 \(A,B\) 分别是 \(3\times 2\), \(2\times 3\) 矩阵且满足\[AB=\begin{bmatrix} 8 & 2 & -2 ...
- [问题2014S04] 复旦高等代数II（13级）每周一题（第四教学周）
[问题2014S04] 设 \(A\in M_n(\mathbb{C})\) 为可对角化的 \(n\) 阶复方阵, \(f(x)\in\mathbb{C}[x]\) 为复系数多项式, 证明: \[B ...
- jquery之empty()方法详解
empty()函数用于清空每个匹配元素内的所有内容. empty()函数将会移除每个匹配元素的所有子节点(包括文本节点.注释节点等所有类型的节点). 该函数属于jQuery对象(实例). 语法 jQu ...
- HR数据抽取：通过 Read Master Data 转换规则读取时间相关主属性数据
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...