scroll - div をクリックせずにキーボードでスクロールできるようにする

Question

テキスト、通常は長いテキストをロードする div 要素があるため、div にはスクロールバーがあります。カーソルが上にあるときにこのdivをマウスでスクロールできますが、最初にdiv内をクリックしない限り、ページを上下にスクロールできません。このクリックを回避する方法はありますか?テキストがロードされたときにコードから実行する方法はありますか?

Answer 1

ご指摘のとおり、こちらです。div にフォーカスを当てるのではなく、コンテンツ div に入力を追加してから focus() しました。そのため、load text を押した直後に、pg up/dn を押して div をスクロールできます。

ここにあります

 $("div").append('<input type="text" id="focusDiv">');
    /*
 Here I need to have some code which gives "focus to the div, so if I press the load text and then immediately PageDown key, sthedvis scrolls down.

 $("button").on("click", function (e) {
    e.preventDefault();
    $("div").html("Very long text...");
    $("div").append('<input type="text" id="focusDiv">');
    $('#focusDiv').focus();
});