スクロールダウン矢印キーのときKeyboardEventのKeyDownイベントを動作しません

Question

body { 
 
    padding: 0px; 
 
    margin: 0px; 
 
} 
 

 
#head { 
 
    background: red; 
 
    height: 30px; 
 
    tab 
 
} 
 

 
#content { 
 
    position: absolute; 
 
    top: 30px; 
 
    left: 0px; 
 
    right: 0px; 
 
    bottom: 0px; 
 
    font-size: 60px; 
 
    background: green; 
 
    overflow: overlay; 
 
}

<div id='container'> 
 
<div id='head'>Header</div> 
 
    <div id='content'> 
 
    <pre> 
 
     1 
 
     2 
 
     3 
 
     4 
 
     5 
 
     6 
 
     7 
 
     8 
 
     9 
 
     10 
 
     11 
 
    </pre> 
 
    </div> 
 
</div>

を発生します。コンテンツのdivにはoverflow:overlayがあり、焦点が合っていればすべてが問題ありません。スクロールを行う方法はありますか？

フォーカスコンテンツのdiv

上のコンテンツのdivにウィンドウのKeyDownイベントディスパッチスクロールイベントに

• しかし、何も動いていないようにみえ：

  私のようないくつかの例を試してみました。

  もう一つの質問は、keydownのデフォルトアクションがスクロールであると判断された場合です。ヘッドdiv要素がクリックされたときに

  コードは、コンテンツのdivの上に存在here

Answer 1

焦点となっています。 注：私はまだそれがのkeydownイベントスクロールのデフォルトのアクションであると判断された場合とは明らかではないんですが、コンテンツのdivが

<div id='container'> 
<div id='head'>Header</div> 
    <div tabindex='1' id='content'> 
    <pre> 
     1 
     2 
     3 
     4 
     5 
     6 
     7 
     8 
     9 
     10 
     11 
    </pre> 
    </div> 
</div> 
<script> 
document.getElementById('head').addEventListener('click', function() { 
    const content = document.getElementById('content'); 
    content.focus(); 
}); 
</script> 

更新コードを属性のtabIndexしている場合は、フォーカスはのみ動作しますがhere

で、この動作を無効にできますか？