通过内容可编辑div内的表格选项卡？

Question

我试图弄清楚如何在一个可信的div中选择HTML表格单元格。我知道大多数人会说你为什么要这样做。我正在开发一个文本编辑器，允许用户在他们想要的地方插入预先格式化的表。我已经解决了在用户光标上动态插入表的问题，但我无法弄清楚如何让用户从内容到html表以及每个单元格。我已经尝试过输入框，允许它们通过标签，但它在每个角落留下选择条，仍然需要用户双击单元格来添加内容。我也尝试了只是表格单元格，它不会选项卡到它刚刚跳过它们的单元格。任何帮助将不胜感激...征服光标跟踪插入表后，我以为我在家免费... :(

  <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>

Answer 1

tabinddex是实现这一目标的最一致方式：

http://www.w3.org/TR/html4/interact/forms.html#adef-tabindex

但是tabindex仅受特定元素的支持：A，AREA，BUTTON，INPUT，OBJECT，SELECT和TEXTAREA。