たとえば、Web チャット ルームでは、コンテンツが増えるとスクロール バーが自動的に下にスクロールします。
ユーザーがスクロール バー上でマウスを押すと、チャット コンテンツを閲覧していると考えられるため、現時点での優れたユーザー エクスペリエンスでは、スクロール バーが自動的にスクロールすることはできません。
この機能を実装するには、マウス ダウン イベントとマウス アップ イベントが最初に考えられます。
しかし、特定の実装中に、スクロール バー上でマウスの左ボタンを押して放したときに、マウス アップがキャプチャできないことがわかります。たとえば、
🎜>
< div style="height:500px; width:500px">
HTML 形式のファイルとして保存し、ブラウザで開き、スクロール バーを左クリックして試してから、他の場所をクリックして試してください。
私は W3C 文書を詳しく調べていないので、ここでは推測することしかできません。
ブラウザはスクロールバーの特性を考慮して、マウスが押されたときにスクロールバーをキャプチャし、マウスを放した後にキャプチャを解放するように設定する場合があります。スクロールバーはDomオブジェクトに属していないため、事前に解放することはできません。マウスが放されると、mouseup イベントがキャプチャされます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
