ライトボックスギャラリーの画像を含むdivにフォーカスを設定するにはどうすればよいですか？

Question

私は、画像を含む内側のオーバーレイを持つdivを持つライトボックスのギャラリーを作っています。今、私はそれにキーイベントをバインドしたいが、問題は、私が持っていても

$("#inside-overlay").attr("tabindex", -1).focus(); 

を実行した後にフォーカスを達成するために、マウスで一度それをクリックすることです。クリックするとフォーカスがかかりますが、マウスをクリックすることなく直ちにフォーカスして、ギャラリーのナビゲーションにはkeyeventsが必要です。

問題は、画像をクリックしてもギャラリーが表示されないことです。したがって、window.loadはフォーカスを得るためには機能しません。私はalsiが入力に焦点を当てて作業を終わらせるように入力しようとしましたが、focus（）関数を使用してフォーカスを取得しない場合でも

Answer 1

私は最終的に私の問題を解決しました。何も表示されなくなるまでフォーカスを得ることができないので、ライトボックスのオーバーレイに0のtabindexを与え、オーバーレイを$ overlay.show（）; $ overlay.show（）に変更しました。focus（）;それは0のtabindexを持っていたので、それはフォーカスを得て、私の問題は解決され、私はオーバーレイにキーイベントをバインドします。私は自分の質問に答えました。なぜなら、もしこの問題で走れば私のような開発に新しい学習者があれば助けになるからです。