前端路由切换页面开发时有必要做TAB键切换功能吗

常见的JavaScript框架有jQuery、Dojo、ExtJS、Prototype、Mootools和Spry等。目前以jQuery最受开发者的追捧,下面简要介绍这些框架的特点和用途。(1)jQuery是一个优秀的JavaScript框架,它能使用户更方便地处理HTML文档。events事件、动画效果、Ajax交互等...
深圳市汉邦机电有限公司,隶属于汉邦集团,数字化智能工厂综合运营商,国家级高新技术企业。目前在深圳布吉设有4S专营店,产业涉及服装、箱包、家具和鞋业CAD/CAM、绘图设备、喷码设备及解决方案的研发、生产、销售及服务的科技型企业,注册于2007年8月,主营业务为:绘图仪的生产销售,机电设备、服装设备、喷墨设备...
计算机网络还有一些非性能特征也很重要。这些非性能特征与前面介绍的性能指标有很大的关系...
亲,请您联系我们吧
您的疑问,只要您主动联系,将为您得到最专业,最全面的解答,欢迎您询问...
负责人微信:S716717 或手机:
技术直线:7
地址:深圳.龙岗.大运软件小镇19栋3B26-27
客服热线:
Hi,Are you ready?
您是要做网站建设吗?
那您就联系最专业的网站建设公司吧!
您的网站/系统开发/微信/APP等项目想和我们谈谈,说说您的需求,想让我们帮您实现,您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
合作意向表
您需要的服务
现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台
您最关注的地方
对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名
大型项目需要招标
扫一扫二维码,关注我们微信公众号javascript 回车实现 tab 切换功能完美解决
最经有一个项目是给化工厂做的在使用的过程中需要输入大量的数据,使用的都是小键盘区,在以前都是通过excel录入数据的现在,
在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么好用,也有人提供了这方面的思路如何来做,
经过本人的整理和测试,能够很好的解决这个问题:
需要的条件
1,Jquery库地址可以到官网上去下载最新的
2,查看界面表单的结构和相对应的表单位置
以下是一些才是表单结构
&&fieldset&
& & & & & & & & & & &legend&登录表单&/legend&
& & & & & & & & & & &ol&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&UserName& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox1& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox2& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox3& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox4& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox5& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox6& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox7& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&UserName&&用户名&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&TextBox8& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&UserName& CssClass=&field-validation-error& ErrorMessage=&用户名字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&Password&&密码&/asp:Label&
& & & & & & & & & & & & & & &asp:TextBox runat=&server& ID=&Password& TextMode=&Password& /&
& & & & & & & & & & & & & & &asp:RequiredFieldValidator runat=&server& ControlToValidate=&Password& CssClass=&field-validation-error& ErrorMessage=&密码字段是必填字段。& /&
& & & & & & & & & & & & &/li&
& & & & & & & & & & & & &li&
& & & & & & & & & & & & & & &asp:CheckBox runat=&server& ID=&RememberMe& /&
& & & & & & & & & & & & & & &asp:Label runat=&server& AssociatedControlID=&RememberMe& CssClass=&checkbox&&记住我?&/asp:Label&
& & & & & & & & & & & & &/li&
& & & & & & & & & & &/ol&
& & & & & & & & & & &asp:Button runat=&server& CommandName=&Login& Text=&登录& /&
& & & & & & & & &/fieldset&
注意需要定位表单的上下文标签关系
生成页面以后不管标点元素在什么位置在何处 但是有一点结构式不变的label 元素后面就是我们要切换到表单元素并且 type=&text&
那么通过Jquery的选择器 层级选择器prev+next 定位 不太了解的可以查看jquery 的帮助文档,只要能定位到要选择的元素即可用什么方式无所谓
一下是关键脚本代码:
& &script type=&text/javascript&&
& & & & $(function () {
& & & & & & var i = 0;//索引
& & & & & & //以上的表单位置和上下文之间的关系就是label 后面总会有一个input 标签type 可能是Password 可能是text 或者是其他的
& & & & & & //可以按照个人需求修改,这里只定位到type=&text& 的表单如果是又有表单的话改成 $(&label+ input&) 即可按个人需求
& & & & & & $(&label+ :text&).each(function () {
& & & & & & & & $(this).keydown(function (e) {
& & & & & & & & & & if (e.keyCode == 13) {
& & & & & & & & & & & & i++;//下一个定位的索引
& & & & & & & & & & & & try {
& & & & & & & & & & & & & & $(&label+ :text&)[i].focus();
& & & & & & & & & & & & } catch (e) {//到了最后一个的下一个可能找不到元素会出现异常通过try 捕捉不至于程序出现异常
& & & & & & & & & & & & & &//必须要写以免错误信息被提交
& & & & & & & & & & & & }
& & & & & & & & & & & &//必须要写以免错误信息被提交
& & & & & & & & & & }
& & & & & & & & });
& & & & & & });
& & & & });
& & &/script&
可以试试!!!希望对你们有所帮助
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'

我要回帖

更多关于 前端有必要学习框架吗 的文章

 

随机推荐