前端开发

 首页 > 前端开发 > jquery教程 > Enter回车切换输入焦点实现思路与代码兼容各大浏

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

分享到:
【字体:
导读:
          这篇文章主要介绍了Enter回车切换输入焦点实现思路与代码并兼容各大浏览器,需要的朋友可以参考下...

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

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

一、思路

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

二、代码

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

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

分享到:
浅析JQuery中的html(),text(),val()区别_...
1.HTML html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 2.TEXT text():取得所有匹配元素的内容。 结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效...
jquery和css3实现的炫酷时尚的菜单导航_j...
今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后,内容页面向内移动显示菜单项。当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位。看下图 源码下载 我们看下实现代码: html代码: WIFEO/CODE Post hoc impie perpetratum quod in aliis quoque iam timebatur, t...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……