keyboard - 全ページ jscrollpane キーボードの矢印キー フォーカス

Question

jscrollpane の Web サイトに示されている 2 つの問題があります。私の最初の問題は、このページにフォーカスするには、キーボードの矢印キーを使用してスクロールする前に、実際のページをクリックする必要があることです。私の主な問題である私の2番目の問題は、幅のスクロールバーがページに表示されるようにページサイズを調整する場合、キーボードの矢印キーを使用する前に、右下のスクロールバーの四角形でマウスをクリックする必要があることですページをスクロールします。たとえば、ページ自体をクリックするだけでは、スクロール バーはフォーカスされません。

Answer 1

これを使用できます：

$("#container_element").hover(function () {
    $("#scrollable_element").focus(); //makes it gain focus
});

要素の上にカーソルを置いたときに要素にフォーカスを当てることができます (クリックする必要はありません)。

ホバリングをやめたときにフォーカスを失いたい場合は、次のようにします。

$("#container_element").mouseleave(function () {
 $("#scrollable_element").blur(); //makes it lose focus
});