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

Jquery实现兼容各大浏览器的Enter回车切换输入焦点办法【jquery】

时间:2021-12-30 15:31:48

相关推荐

Jquery实现兼容各大浏览器的Enter回车切换输入焦点办法【jquery】

web前端|js教程

jquery,enter,焦点

web前端-js教程

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

学校网站cms 源码,ubuntu怎么全局代理,tomcat7日志文件暴增,动态ip代理爬虫,php支持目前的什么数据库,运营 seo semlzw

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

地方门户系统源码购买,ubuntu x界面卡死,树上椭圆的爬虫,php定时 扩展,seo软文接单lzw

A、思路

html在线答题系统源码,ubuntu1驱动,tomcat9网页制作,网络爬虫 下载 pdf,html5与php的区别,胶州seo技术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)// IECode = 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和火狐对键值获取的不同,所以对浏览器做了简单的判断区分。这样就可以在各个浏览器上获取敲击的键值。

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

演示地址:/js//jsenterqiehuan/

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