回车键转tab键解决方案一

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>快速录入</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
<!--<script type="text/javascript" src="css/jquery-2.0.3.js"></script>-->
<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<script type="text/javascript">
var companyID=‘${request.companyID}‘;
var tabObj = new TabObj("input_type2");

$(document).ready(function(){
//$("#kkk table").find("tr:gt(1)").find("td:eq(1)").children().attr("disabled","disabled");
//$("#kkk table").find("tr:last").find("td").children().attr("disabled","disabled");
//$("#kkk table").find("tr:eq(9)").find("td").find("table tr:eq(1)").find("td:gt(0)").children().attr("disabled","disabled");
//$("kkk table").find("tr").find("td:eq(0)").onclick().find("td:eq(1)").attr("disabled","disabled");
$("#ticketNo").focus(function(){

});

$("#ticketNo").blur(function(){
$.post("getPackageByTicketNo.action", {
ticketNo : $("#ticketNo").val()
}, function(data) {

var jsonObj = eval("(" + data + ")");
if (jsonObj.length == 1) {
/* load package information */
$("#customerNo").val(jsonObj[0].customerNo);
$("#senderAddress").val(jsonObj[0].senderAddress);
$("#receiverAddress").val(jsonObj[0].receiverAddress);
$("#count").val(jsonObj[0].count);
$("#remark").val(jsonObj[0].remark);

/* only use the first row to load data from KDBund */
refreshTable(1);

/* add information to row 1, and clear other rows */
refreshTable(jsonObj[0].count);
var cells = document.getElementById(‘gTable‘).rows[1].cells;
cells[1].innerHTML = "<td align=‘center‘><input name=‘weight‘ value = " + jsonObj[0].weight + " style=‘width: 120px;‘></td>";
cells[2].innerHTML = "<td align=‘center‘><input name=‘length‘ value = " + jsonObj[0].length + " style=‘width: 120px;‘></td>";
cells[3].innerHTML = "<td align=‘center‘><input name=‘width‘ value = " + jsonObj[0].width + " style=‘width: 120px;‘></td>";
cells[4].innerHTML = "<td align=‘center‘><input name=‘height‘ value = " + jsonObj[0].height + " style=‘width: 120px;‘></td>";
} else {
initContent();
}
});
});

$("#count").blur(function(){
var number = parseInt($("#count").val());

refreshTable(number);
});

$("#fastAdd").click(function(){
var weights = getListData("weight");
var lengths = getListData("length");
var widths = getListData("width");
var heights = getListData("height");

$.post("fastAddPackage.action", {
ticketNo : $("#ticketNo").val(),
customerNo : $("#customerNo").val(),
senderAddress : $("#senderAddress").val(),
receiverAddress : $("#receiverAddress").val(),
expressType : $("#expressType").val(),
sort : $("#sort").val(),
payType : $("#payType").val(),
senderAddress : $("#senderAddress").val(),
count : $("#count").val(),
weights : weights,
lengths : lengths,
widths : widths,
heights : heights,
remark : $("#remark").val()
}, function(data) {
var jsonObj = eval("(" + data + ")");
if (jsonObj.result == "true") {
initContent();

$("#ticketNo").val("");
$("#ticketNo").focus();
}

});
});

})

function getListData(name){
var weights = document.getElementsByName(name);
var data = "";
for (var i = 0; i < weights.length; i++){
data = data + weights.item(i).value;

if (i < weights.length - 1){
data = data + ",";
}
}

return data;
}

function refreshTable(number) {
var table = document.getElementById("gTable");

if (number > 0 && number < 100) {
/* remove the rows if the number is changed to small */
for (var i = table.rows.length - 1; i > number; i--) {
table.deleteRow(i);
}

/* add the rows if the number is changed to large */
for (var i = table.rows.length - 1; i < number; i++) {
var tr = "<tr>";
tr = tr + "<td>" + (i + 1) + "</td>";
tr = tr + "<td align=‘center‘><input name=‘weight‘ value = ‘0‘ style=‘width: 120px;‘></td>";
tr = tr + "<td align=‘center‘><input name=‘length‘ value = ‘0‘ style=‘width: 120px;‘></td>";
tr = tr + "<td align=‘center‘><input name=‘width‘ value = ‘0‘ style=‘width: 120px;‘></td>";
tr = tr + "<td align=‘center‘><input name=‘height‘ value = ‘0‘ style=‘width: 120px;‘></td>";
tr = tr + "</tr>";

$("#gTable").append(tr);

}

}
}

function initContent(){
/* initialize all text */
$("#count").val("1");
$("#remark").val("");

refreshTable(1);

/* var cells = document.getElementById(‘gTable‘).rows[1].cells;
cells[1].innerHTML = "<td align=‘center‘><input name=‘weight‘ value = ‘1‘ style=‘width: 120px;‘></td>";
cells[2].innerHTML = "<td align=‘center‘><input name=‘length‘ value = ‘1‘ style=‘width: 120px;‘></td>";
cells[3].innerHTML = "<td align=‘center‘><input name=‘width‘ value = ‘1‘ style=‘width: 120px;‘></td>";
cells[4].innerHTML = "<td align=‘center‘><input name=‘height‘ value = ‘1‘ style=‘width: 120px;‘></td>";
*/ }

function TabObj(className) {
this.ele = $("." + className);
this.next = next;
}

function next(unit) {
var tmp = this.ele;
$.each(this.ele, function(index, element) {
if (this == unit) {
if (tmp.length > index + 1)
tmp[index + 1].focus();
else
tmp[0].focus();
return false;
}
});

}

function changeEnter() {
if (event.keyCode == 13) {
event.keyCode = 9;
}
};

$(function(){
alert("ooo");
$("input:eq(0)").focus();
$("label").live("click",function(){
$(this).toggle(function(){
$(this).parent().siblings().children().attr("disabled","true");
},
function(){
$(this).parent().siblings().children().removeAttr("disabled");
}
);
});

$("#kkk table tr:eq(9) td table tr:eq(0) th:gt(0)").live("click",function(){
var index=$(this).index()-1;
$(this).toggle(function(){
//alert(index);
$(this).parent().siblings().find("input:eq("+index+")").attr("disabled","true");
},
function(){
$(this).parent().siblings().find("input:eq("+index+")").removeAttr("disabled");
}
);
});
});

function changefocus_onkeyup(){
var inputs = document.getElementsByName("union");
var theEvent = window.event || arguments.callee.caller.arguments[0];
var srcElement = theEvent.srcElement;//IE、chrome
if (!srcElement) {
srcElement = theEvent.target;//firefox
}
key=theEvent.keyCode;
if(key==13)//判断是否按下回车键
{
var CurTabIndex=srcElement.tabIndex+1;//将当前tabindex的值加1
for (var n=0;n<inputs.length;n++)
{
/*$(function(){
inputs[n].focus(function(){
alert("111");
$(this).addClass("main");
});
inputs[n].blur(function(){
$(this).removeClass("main");
});
});*/

if (inputs[n].tabIndex==CurTabIndex) //找到下一个表单元素
{
//alert(inputs[n].nodeName+">>>>>>>>");
//if(inputs[n].nodeName=="select"){
//getNextInput(inputs[n]);
inputs[n].focus();
//inputs[n].select();
//}
//inputs[n].focus(); //移动焦点
//inputs[n].focus().css("border-color","red");
return true;
}
if(inputs[n].tabIndex==14){
n=0;
inputs[n].focus();
return true;
}
}
}
}

/*$(function(){
$("#kkk").keyup(function(e){
//alert("ddddd"+e.which);
var inputs = document.getElementsByName("union");
key=e.which;
if(key==13)//判断是否按下回车键
{
var CurTabIndex=$(this).index()+1;//将当前tabindex的值加1
alert(CurTabIndex+"下表");
for (var n=0;n<inputs.length;n++)
{
if (inputs[n].tabIndex==CurTabIndex) //找到下一个表单元素
{
inputs[n].focus(); //移动焦点
return true;
}
if(inputs[n].tabIndex==14){
n=0;
inputs[n].focus();
return true;
}
}
}
});
});*/
</script>
<style type="text/css">
.tdLabel{text-align:right;};
input:focus{border:1px solid red};
select:focus{border:1px solid red};
textarea:focus{border:1px solid red};
.main{border:1px solid red};
</style>
</head>
<body>
<form id="kkk" onkeyup="return changefocus_onkeyup()">
<table style="width: 700px;" class="table table-striped table-bordered table-hover"
border=1 align="center" cellpadding=0 cellspacing="1">
<tr bgcolor="#e1e1e1">
<td colspan="2" style="text-align: center;">快速录入</td>
</tr>
<tr>
<td><label>单号：</label></td>
<td><input name="union" id="ticketNo" tabindex=1></td>
</tr>
<div name = "context" onselectstart=" return false">
<tr>
<td><label>客户编号：</label></td>
<td><input name="union" id="customerNo" tabindex=2></td>
</tr>
<tr>
<td><label>快递类别：<label></td>
<td> <select style="width: 150px; height: 35px;"
class="form-control" id="expressType" name="union" tabIndex=3>
<option value="LDX日本线">LDX日本线</option>
<option value="LDX韩国线">LDX韩国线</option>
<option value="LDX国际快递">LDX国际快递</option>
<option value="LDX国内快递">LDX国内快递</option>
<option value="国内EMS">国内EMS</option>
</select></td>
</tr>
<tr>
<td><label>货物类型：</label></td>
<td> <select style="width: 150px; height: 35px;"
class="form-control" id="sort" name="union" tabIndex=4>
<option value="0">文件</option>
<option value="1" selected="selected">包裹</option>
<option value="2">防水袋</option>
</select></td>
</tr>
<tr>
<td><label>付款方式：</label></td>
<td> <select style="width: 150px; height: 35px;"
class="form-control" id="payType" name="union" tabIndex=5>
<option value="0">现付</option>
<option value="1">到付</option>
<option value="2" selected="selected">月结</option>
</select></td>
</tr>
<tr>
<td><label>寄件人地址：</label></td>
<td><input name="union" id="senderAddress" tabIndex=6></td>
</tr>
<tr>
<td><label>收件人地址：</label></td>
<td><input name="union" id="receiverAddress" tabIndex=7></td>
</tr>
<tr>
<td><label>件数：</label></td>
<td><input name="union" id="count" tabIndex=8></td>
</tr>
<tr>
<td colspan="2">
<table id="gTable"
class="table table-striped table-bordered table-hover" style="table-layout:fixed;width: 700px;"
border=1 align="center" cellpadding="0" cellspacing="1">
<tr style="height:0;">
<th style="width: 100px;">序号</th>
<th style="width: 150px;">重量</th>
<th style="width: 150px;">体积:长</th>
<th style="width: 150px;">宽</th>
<th style="width: 150px;">高</th>
</tr>
<tr>
<td>1</td>
<td align="center"><input name="union" value = "1" tabIndex=9 style="width: 120px;"></td>
<td align="center"><input name="union" value = "1" tabIndex=10 style="width: 120px;"></td>
<td align="center"><input name="union" value = "1" tabIndex=11 style="width: 120px;"></td>
<td align="center"><input name="union" value = "1" tabIndex=12 style="width: 120px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><label>备注：</label></td>
<td><textarea name="union" id="remark" tabIndex=13 style="width: 400px; height: 100px;"></textarea></td>
</tr>
<tr>
<td colspan="2" style="text-align: center;"><input name="union" tabIndex=14 type="button" id = "fastAdd" value="确定"></td>
</tr>
</div>
</table>
</form>
</body>
</html>

时间： 2024-12-08 21:47:51

回车键转tab键解决方案一的相关文章

回车键转tab键解决方案二

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional

.net常用技巧_窗体中回车键转TAB键

在窗体的KeyDown()事件中 /// <summary> /// 表单的回车转TAB键 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void BasicForm_KeyDown(object sender, KeyEventArgs e) { #region 回车转

回车键当Tab键使用

#region 回车键当Tab键使用        private void enter_KeyPress(object sender, KeyPressEventArgs e)        {            foreach (Control c in this.Controls)            {                c.KeyPress += new System.Windows.Forms.KeyPressEventHandler(sendEnter);    

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

1 $(document).ready(function () { 2 $(':input:text:first').focus(); 3 $(':input:enabled').addClass('enterIndex'); 4 // get only input tags with class data-entry 5 textboxes = $('.enterIndex'); 6 // now we check to see which browser is being used 7 if

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

先编辑控件的TabOrder顺序,然后在 global external functions 中定义一个API:Subroutine keybd_event(int bVk,int bScan,ulong dwFlags,ulong dwExtraInfo) LIBRARY "user32.dll"在窗口的key()事件中写如下代码:If key = KeyEnter! Or Key = KeyRightArrow! Then keybd_event( 9,0,0,0 ) // 按下t

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

//凯鲁嘎吉 - 博客园 http://www.cnblogs.com/kailugaji/ 1 #include<stdio.h> 2 3 void main(){ 4 int c, letter=0, num=0, blank=0, tab=0, enter=0, other=0 ,i=0, sum=0; 5 printf("Please input a string:\n"); 6 while((c=getchar())!=EOF){ 7 sum++; 8 if(c=

CRT 连接 ENSP时，Tab 键无法补全与回车键显示双行的解决方法

今天使用 CRT 连接 ensp 时,出现了一个烦人的问题:CRT 连接 ENSP时,Tab 键无法补全与回车键显示双行.这个虽然不影响使用,但是总是感觉不舒服,所以只能把它处理掉.在网上找了相关的资料,也经过测试,确实是OK. 现在方法记录下,留作后用. 网上找到的解决方法:https://blog.csdn.net/wdkirchhoff/article/details/44172455 还遇到一个问题,我在全局设置后,重启CRT,连接后还是一样的无效果,所以只能是一个一个的连接去更改.不知

在Ubuntu中实现python按tab键补全

刚学习python,其实一切都很好接受,因为有过C语言的基础,感觉一切都来得那么自然,python极其精简的语法,让我真心是爱上这种语言!相信往后python一定会在我的IT生涯中大放光彩! 好,废话说完了,入正题. 1.问题引出:默认情况下python交互界面的tab键     在linux下,或在路由器.交换机上,按tab键按得很爽,什么不完整的,tab一下都出来了,无奈,在linux中安装的python,默认情况是没有tab功能的,也就是在python的交互界面中,tab是没有办法补全的,

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

一个提交按钮以后,用户如果按了键盘的回车键,默认情况下,就会提交这个表单了.这样对于用户输入各个表单项目,用户体验很不好,输入完一个项目,或者用鼠标选择下一个项目,或者用键盘的Tab键选中下一个项目. 二.问题要求: 1:如果当前处于焦点(也就是用户正在输入的那个文本框)不是最后一个输入框,那么按回车键时,将焦点转移到下一个输入框: 2:如果当前处于焦点(也就是用户正在输入的那个文本框)是最后一个输入框,那么按回车键时,将请用户确认后提交表单: 三.基本思路: 1:判断按键是否是回车建, 这个比