reveal.js - FF で内部リンクをクリックすると、reveal.js がフォーカスを失う

Question

私のプレゼンテーションでは、reveal.js を使用し、スライド間を移動するための内部リンクを含めました。クリックするとフォーカスが失われます。キーを使用してコントロールが機能しなくなりました。マウスの使用は問題ありません。クロムではすべて正常に動作しますが、Firefox にはこのフォーカスの問題があります。

私に何ができるか考えている人はいますか？

Answer 1

以前は、ブラウザのタブにフォーカスがある Firefox でも同様の問題がありました。

https://github.com/hakimel/reveal.js/issues/577

おそらくバグとして報告するのが最善です。

私が気づいたことの1つは、これはアンカーリンクを使用している場合にのみ発生するということです

<a href="#/4">Link<a/>

JavaScript を使用してスライドを切り替えると、すべて正常に動作します。

簡単な解決策として、スライド番号を指定する属性をリンクに追加することができます。

<a href="#/4" data-slide-num="4">Link<a/>

この JavaScript を追加して、クリックを処理します。

$('[data-slide-num]').click(function(event) {
    var slideNum = $(this).attr('data-slide-num');
    Reveal.slide(slideNum);
    return false;
});