Javascript 通过内容可编辑div内的表进行制表?

Javascript 通过内容可编辑div内的表进行制表?,javascript,html,css,Javascript,Html,Css,我正试图弄清楚如何在contenteditable div中通过HTML表格单元格进行制表。我知道大多数人都会说,你为什么要这么做。我正在开发一个文本编辑器,它允许用户在任何需要的地方插入一个预格式化的表。我已经解决了在用户光标处动态插入表的问题,但是我不知道如何让用户选项卡从内容到html表并通过每个单元格。我曾经尝试过输入框,它允许他们通过标签进行切换,但它在每个角落都留下了选择栏,仍然需要用户双击单元格来添加内容。我还尝试了表格单元格,但它不会对单元格进行制表,而是跳过单元格。任何帮助都将

我正试图弄清楚如何在contenteditable div中通过HTML表格单元格进行制表。我知道大多数人都会说,你为什么要这么做。我正在开发一个文本编辑器,它允许用户在任何需要的地方插入一个预格式化的表。我已经解决了在用户光标处动态插入表的问题,但是我不知道如何让用户选项卡从内容到html表并通过每个单元格。我曾经尝试过输入框,它允许他们通过标签进行切换,但它在每个角落都留下了选择栏,仍然需要用户双击单元格来添加内容。我还尝试了表格单元格,但它不会对单元格进行制表,而是跳过单元格。任何帮助都将不胜感激。。。在克服了插入表格时光标的跟踪后,我认为我自由了…:(


tabindex将是实现这一目标的最一致的方法:


但是,tabindex仅由特定元素支持:A、区域、按钮、输入、对象、选择和文本区域。

tabindex将是实现这一点的最一致的方法:


但是,tabindex仅由特定元素支持:A、区域、按钮、输入、对象、选择和文本区域。

w3schools对初学者来说还可以,但对高级用户来说是垃圾。我想我应该给出更多细节……vb.net页面上的上述代码……上面的链接对我没有帮助,因为我使用ID等进行了输入。它将tab thr我不是一个完全的新手,所以我有一些基本的标签索引…我的页面上有些奇怪…谢谢你的回复!w3schools对初学者来说是可以的,但对高级用户来说是垃圾。我想我应该有一个g我看到了更多的细节…上面的代码在vb.net页面上…上面的链接对我没有帮助,因为我已经用ID等做了输入。它将通过它们进行制表,但它会在它们上面放置选择器栏,并且不会让用户在其中输入数据,除非他们双击它们。我不是一个完全的新手,所以我有基本的制表符索引内容…有些东西是错误的在我的页面上出现了奇怪的现象…谢谢你的回复!好的,现在请检查我的代码。它有正确的tabindex和输入ID…正如我在原始帖子中所说的,这将允许tabbing,但是当你点击输入框时,它会在输入框上放置选择器栏,并且在用户双击输入框之前不会让用户输入数据。。。因此,制表符将起作用,但实际上并非如此,因为用户无法输入数据…我知道这很简单,我缺少了一些内容请帮助!:)我已将其缩小到导致问题的div。。。如果我把它从div里拿出来,效果很好,但是在div里面。。。不行。。。有什么想法吗?我自己想出来的。我只是将该表嵌套在另一个div中,contenteditable设置为false。。。不知道它为什么工作,但它做到了:)好的,现在请检查我的代码。它有正确的tabindex和输入ID。。。正如在我的原始帖子中所说,这将允许标签切换,但当您通过标签切换时,它会在输入框上放置选择器栏,并且在用户双击输入框之前不允许用户输入数据。。。因此,标签将工作,但不是真正的用户无法输入数据。。。我知道我错过了一些简单的东西,请帮帮我!:)我已经把范围缩小到造成问题的部门。。。如果我把它从div里拿出来,效果很好,但是在div里面。。。不行。。。有什么想法吗?我自己想出来的。我只是将该表嵌套在另一个div中,contenteditable设置为false。。。不确定它为什么起作用,但确实起了作用:)
  <div id="divbilltext" runat="server" contenteditable="true" style="height:auto;">
                        <table>
                            <tr>
                                <td>
                                <input type="text" id="a" tabindex="1"/>
                                </td>
                                <td>
                                <input type="text" id="b" tabindex="2"/>
                                </td>
                                <td>
                                <input type="text" id="c" tabindex="3"/>
                                </td>
                            </tr>
                        </table>

                      </div>