您在这里： >
Hadoop源码级专家，黎明网络顾问讲
微软特约讲师、微软特约技术顾问、
11年Oracle数据库管理、架构与优化
微软Excel方向MVP，著有《Excel函数
思科路由与交换方向专家，CCIE和C
思科认证讲师,红帽RHCE讲师精通思
教育技术学学士，微软认证讲师，微
曾任微软（中国）开发与平台合作部
IBM Lotus资深讲师黎明IBM Lotus
许老师具有近20年IT及相关工作经
国内知名软件专家,主要专业特长包
工作经验：黎明网络教育中心首席V
地址：深圳市南山区侨香路4060号香年广场A座302
粤ICP备1(C) 深圳黎明网络教育中心版权所有
邮政编码：518057网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
通过上下左右键和回车键切换光标实现代码
做项目时，客户提出这样一个要求，在列表中的文本框里输入数据时，要能够通过上下左右键来切换光标，按回车键就把光标移到下一个文本框。这样就省得一直去用鼠标了，操作起来更方便。 不废话，上代码。 . 代码如下: &asp:GridView id="gdv" runat="server" AllowPaging="True" PageSize="50" AutoGenerateColumns="False" EnableModelValidation="True" Width="100%" PagerStyle-HorizontalAlign="Center"& &PagerSettings Visible="False" /& &PagerStyle HorizontalAlign="Center" /& &RowStyle HorizontalAlign="Center" /& &Columns& &asp:TemplateField HeaderText="序号"& &ItemTemplate& &asp:Label ID="lbl" runat="server" Text="&%# Container.DataItemIndex+1%&"&&/asp:Label& &/ItemTemplate& &/asp:TemplateField& &asp:TemplateField HeaderText="名称"& &ItemTemplate& &asp:TextBox ID="BarCode" runat="server" Width="200px" MaxLength="10"&&/asp:TextBox& &/ItemTemplate& &/asp:TemplateField& &asp:TemplateField HeaderText="数量"& &ItemTemplate& &asp:TextBox ID="SusFillCount" runat="server" Width="200px" onkeypress="if (event.keyCode & 48 || event.keyCode &57) event.returnValue =" MaxLength="5"&&/asp:TextBox& &/ItemTemplate& &/asp:TemplateField& &/Columns& &/asp:GridView&
. 代码如下: jquery代码 &script type="text/javascript" src="jquery-1.4.4.min.js"&&/script& &script type="text/javascript"& $(function() { $("input").eq(0).focus(); $("input[type='text']").keydown(function() { var key = event.keyC switch (key) { case 37: //left { if ($(this).parent().prev().length &= 1) { $(this).parent().prev().find("input").focus(); }
} case 38: //up { if ($(this).parent().parent().prev().length &= 1) { $(this).parent().parent().prev().children().children().eq($(this).parent().prevAll().length).focus(); }
} case 39: //right { if ($(this).parent().next().length &= 1) { $(this).parent().next().find("input").focus(); }
} case 40: //down { if ($(this).parent().parent().next().length &= 1) { $(this).parent().parent().next().children().children().eq($(this).parent().prevAll().length).focus(); }
} case 13: //回车 { event.keyCode=9;
} default: {
} } }); }); &/script&
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]通过上下左右键和回车键切换光标实现代码
字体：[ ] 类型：转载 时间：
客户有这样一个需求在列表中的文本框里输入数据时，要能够通过上下左右键来切换光标，按回车键就把光标移到下一个文本框，接下来将为你介绍下如何实现，感兴趣的朋友可以参考下
做项目时，客户提出这样一个要求，在列表中的文本框里输入数据时，要能够通过上下左右键来切换光标，按回车键就把光标移到下一个文本框。这样就省得一直去用鼠标了，操作起来更方便。 不废话，上代码。
代码如下: &asp:GridView id="gdv" runat="server" AllowPaging="True" PageSize="50" AutoGenerateColumns="False" EnableModelValidation="True" Width="100%" PagerStyle-HorizontalAlign="Center"& &PagerSettings Visible="False" /& &PagerStyle HorizontalAlign="Center" /& &RowStyle HorizontalAlign="Center" /& &Columns& &asp:TemplateField HeaderText="序号"& &ItemTemplate& &asp:Label ID="lbl" runat="server" Text="&%# Container.DataItemIndex+1%&"&&/asp:Label& &/ItemTemplate& &/asp:TemplateField& &asp:TemplateField HeaderText="名称"& &ItemTemplate& &asp:TextBox ID="BarCode" runat="server" Width="200px" MaxLength="10"&&/asp:TextBox& &/ItemTemplate& &/asp:TemplateField& &asp:TemplateField HeaderText="数量"& &ItemTemplate& &asp:TextBox ID="SusFillCount" runat="server" Width="200px" onkeypress="if (event.keyCode & 48 || event.keyCode &57) event.returnValue =" MaxLength="5"&&/asp:TextBox& &/ItemTemplate& &/asp:TemplateField& &/Columns& &/asp:GridView&
代码如下: jquery代码 &script type="text/javascript" src="jquery-1.4.4.min.js"&&/script& &script type="text/javascript"& $(function() { $("input").eq(0).focus(); $("input[type='text']").keydown(function() { var key = event.keyC switch (key) { case 37: //left { if ($(this).parent().prev().length &= 1) { $(this).parent().prev().find("input").focus(); }
} case 38: //up { if ($(this).parent().parent().prev().length &= 1) { $(this).parent().parent().prev().children().children().eq($(this).parent().prevAll().length).focus(); }
} case 39: //right { if ($(this).parent().next().length &= 1) { $(this).parent().next().find("input").focus(); }
} case 40: //down { if ($(this).parent().parent().next().length &= 1) { $(this).parent().parent().next().children().children().eq($(this).parent().prevAll().length).focus(); }
} case 13: //回车 { event.keyCode=9;
} default: {
} } }); }); &/script&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具Excel如何修改回车键切换方向_Excel基础
Excel如何修改回车键切换方向
学习啦【Excel基础】 编辑：嘉铭
　　我们在里输入数据内容后一般都是敲击回车键跳转到下一个单元格，那么我们该如何改变回车键切换默认的移动方向呢?下面就跟学习啦小编一起看看吧。
　　Excel修改回车键切换方向的步骤
　　1.打开，点击工具栏左上角的&Office按钮&，然后进入&Excel选项&。
　　2.点击Excel选项左侧列表的&高级&选项，这个时候我们就能在编辑选项里看到按Enter键后移动的方向啦，系统默认是向下移动，我们可以根据自己的需求对其进行修改。
　　3.修改完毕后数据内容敲击回车键就会按照设定的方向移动啦。
Excel修改回车键的相关文章：
本文已影响 人
[Excel如何修改回车键切换方向]相关的文章
看过本文的人还看了
1154人看了觉得好
782人看了觉得好
763人看了觉得好
【Excel基础】图文推荐
Copyright & 2006 -
All Rights Reserved
学习啦 版权所有