1

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

1 に答える 1

1

tabindex は、これを実現する最も一貫した方法です。

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

ただし、tabindex は特定の要素 (A、AREA、BUTTON、INPUT、OBJECT、SELECT、および TEXTAREA) でのみサポートされます。

于 2012-05-31T16:11:39.947 に答える