render が DOM 要素を置き換えるため、TAB ナビゲーションが壊れます。
バックボーンの render メソッドは、変更されたものだけでなく、ビュー全体のマークアップで動作するように設計されています...
以下を考えると、タブオーダーを指定するためにhtmlタグにtabindexを正しく設定しました。- キーボードの TAB を使用してフィールド間を移動します。- モデルの状態が変化するたびに render を呼び出す change change イベントにバインドします:- this.model.bind('change', this.render); - フィールド内の何かを変更し、次のタブに移動します (モデル変更イベントがトリガーされます)。
変更されたすべてのプロパティを明示的なコードでチェックせず、バックボーンを置き換えることなく、これに対する解決策を誰かが持っていますか (これは現在のプロジェクトのオプションではないため)
例:
2 つの TODO を作成するTODOアプリを起動し 、タブで最初の TODO に移動し、スペースを押して完了をマークします。次に、次の TODO に移動する代わりに、次のフィールドにタブで移動してみてください。入力を行う必要があることに戻ります :(