2017-03-08 1 views
0

https://jsfiddle.net/nrmja871/IEではブートストラップモーダルが閉じますが、ESCAPEキーを使用してはFirefoxやクロムでは閉じられません。

私はIE11でこのフィドルを実行する場合。 after press ESCキーのブートストラップモーダルは閉じていますが、chromeやfirefoxでは閉じていません。私はESCキーを使ってブートストラップモーダルを閉じたくない。

は、私たちはESCキーを使用して、ブートストラップモーダルを閉じるためのtabIndex='-1'を追加する必要があり、ブートストラップのドキュメント(doc.)で読み取ります。

しかし、なぜそれがtabIndex='-1'を使用せずにIEで動作していますか?

PS。私はすべてのモーダル:(ために、このプロパティを追加する必要があるため、私にIEのために使用"data-keyboard", "false"を言って解決策を与えない

答えて

0

を私は見つけることができる最善の答えはdiscussion I found here about it from the twitter bootstap githubであるここでの会話からの引用だ:。。

これは。したがって、tabindex属性が必要になりましたからkeyup イベントは、実際のモーダル 要素にバインドされている今、文書にバインドされたが、以前と2.1の互換性に影響する変更のようです。だから、

基本的にJQue ryライブラリが2.0.Xから2.1.Xに更新されました。document要素にバインドされたkeyupイベントが変更され、modal要素にバインドされました。これにより、一部のブラウザでエスケープキーアップが認識されなくなったため、tabIndex='-1'が今必要です。

これはtabindexをは

tabindex="-1"値はデフォルトのナビゲーション フロー(すなわち、ユーザーはそれにタブすることはできません)から要素を削除しますが、それはつまり、それは プログラムでフォーカスを受け取ることができますがどのように役立つかですリンクからまたは スクリプトを使ってフォーカスを設定することができます**これは、 にタブするべきではない要素には非常に便利ですが、フォーカスを設定する必要があるかもしれません。

この引用はthis question hereから引用されました。これは、tabindexが何をしているのかをさらに詳しく知りたい場合には、すばらしい答えがあります。希望が役立ちます。

+0

IEでは何をすべきですか?それでもエスケープキーを使用してモーダルを閉じるにはtabIndex = ' - 1'は必要ないからですか? – Mahi

関連する問題