100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Enter回车切换输入焦点实现思路与代码兼容各大浏览器【jquery】

Enter回车切换输入焦点实现思路与代码兼容各大浏览器【jquery】

时间:2020-03-02 03:34:57

相关推荐

Enter回车切换输入焦点实现思路与代码兼容各大浏览器【jquery】

web前端|js教程

Enter,回车,输入焦点

web前端-js教程

做项目时,客户要求能够用enter回车直接切换输入(焦点),当最后一个时候,直接提交信息。

表单 系统 源码,vscode mvn,ubuntu 小程序,karaf tomcat,sqlite数据分组,如何选择数据库服务器,dz积分交易插件,前端原生和框架,python3简单爬虫,avlang php,五金seo,京东商城网站类型,网页原型设计素材,简洁大气的学校模板,html注册登录页面模版,社区管理系统模版,仿得到 小程序lzw

第一想法就是,网上去copy一段代码直接用。但了百度、谷歌找了个遍,找到的代码80%以上都是一样的。有的代码太老,都不能用。有的只有部分浏览器能用。折腾了半小时也没个合适的办法。最后一想,干脆自己动手。

snort 源码下载,vscode插件导出,ubuntu diy,双网卡tomcat,安卓sqlite查询速度,shopex会员等级插件,前端框架最好的车之一,爬虫通俗易懂的解释,php asp 转换,福永seo学习,绿色大气漂亮dedecms茶叶企业网站,js特效网页,网站后台html模板下载lzw

A、思路

仿下载吧模板源码,vscode 配置vc,电脑怎么添加ubuntu启动项,tomcat配置项,sqlite 建表 主键,红包插件兼容版,前端开发为何要用框架,黑客爬虫使用方法,php输出标签,贵溪优化seo,265g网站源码,php网页设计模板源码,宠物食品商城 模板lzw

每次点击回车的时候,获取当前的焦点位置,然后设置它的下一个元素获取焦点;

B、代码

$(input:text:first).focus(); document.onkeydown = function enterHandler(event){var inputs = $("input"); //可自行添加其它过滤条件 var browser = navigator.appName ; //浏览器名称var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var Code = \ ;if(browser.indexOf(Internet)>-1) // IE Code = window.event.keyCode ;else if(userAgent.indexOf("Firefox")>-1) // 火狐Code = event.which;else // 其它Code = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;if (Code == 13) //可以自行加其它过滤条件{for(var i=0;i<inputs.length;i++){if(inputs[i].id == document.activeElement.id){ i = i== (inputs.length - 1) ? -1 : i ;$(#+ inputs[i+1].id ).focus()break;}}}}

其中,因为IE和火狐对键值获取的不同,所以对浏览器做了简单的判断区分。这样就可以在各个浏览器上获取敲击的键值。

最后,获取到当前的值以后,就可以加其它的各种条件了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。