javascript/jquery 数据录入 按一次tab键就可以切换到下一行,如何实现?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript/jquery 数据录入 按一次tab键就可以切换到下一行,如何实现?相关的知识,希望对你有一定的参考价值。

表格里有一列文本框的数据是需要手动录入的 为了方便录入想通过按tab键的方式到实现跳转 但是现在按tab键两次才能跳转到下一行,想只按一次tab键就可以实现跳转,如何实现?表格打开的时候默认第一行的文本框是选中的,然后第一次按应该是失去焦点 然后第二次按才是获取焦点,能不能第一次按就是获取到焦点呢
我在网上看过有用回车来替换tab键,那个不行,回车也是需要按2次的

参考技术A <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tabindex</title>
<style type="text/css">

</style>
<script type=text/javascript>
</script>
</head>
<body>

<table>
<tr>
<td><input type="text" tabindex="101"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text" tabindex="102"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text" tabindex="103"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
</table>
</body>本回答被提问者采纳
参考技术B 或者你在页面上都安排好tab的顺序。或者考虑组合键。 参考技术C 多利为seo

使用 JavaScript/jQuery 根据突出显示的文本返回 CSS 选择器列表

【中文标题】使用 JavaScript/jQuery 根据突出显示的文本返回 CSS 选择器列表【英文标题】:Using JavaScript/jQuery to return a list of CSS selectors based on highlighted text 【发布时间】:2011-01-23 22:00:18 【问题描述】:

我收到了一些项目要求,包括(理想情况下)根据突出显示的文本返回 CSS 选择器列表。

换句话说,用户可以在页面上做这样的事情:

单击一个按钮以指示应记录他们的下一个文本选择。 突出显示页面上的一些文本。 查看生成的 CSS 选择器列表,这些选择器对应于包含突出显示的文本的所有元素。

首先,这看起来是一个可行的目标吗? jQuery 使使用选择器访问特定元素变得容易,但我不确定反过来是否成立。如果一个元素缺少 id 属性,我也不知道您将如何返回“优化”选择器——即唯一标识一个元素的选择器。也许爬上 DOM 直到找到一个 ID,然后从那里停止选择器?

其次,从高层次的角度来看,有什么想法可以解决这个问题吗?有什么可以加快开发速度的提示或技巧吗?我非常感谢任何帮助。

谢谢!

【问题讨论】:

你打算用这个可能的 css 选择器列表做什么? 我和@vittore 在一起。这似乎是一个难以解决的问题。也许有一种更简单的方法可以实现您的目标。 【参考方案1】:

我认为您正在寻找 window.getSelectionwindow.getComputedStyle

【讨论】:

以上是关于javascript/jquery 数据录入 按一次tab键就可以切换到下一行,如何实现?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 怎么实现JavaScript中的innerHTML功能

如何使用 javascript 或 jquery 将 html 表单数据保存到 sql db [关闭]

javascript /jquery 如何split 正则表达式

防止 PHP/JavaScript/JQuery (PayPal) 中的表单操作

怎么用javascript/jquery在当前页面获取动态添加的表单的name和值并且变成整个数组

javascript/jquery怎么判断所点击元素是其父元素中的第几个子元素?