完全なソースコード、スクロールロック機能の実装サンプル、および「効かない」時の対処法は、以下のブログ記事にて公開しています。 【JavaScript】preventDefaultによるブラウザ標準動作の無効化とスクロール制御 Webアプリケーションを開発していると ...

1. はじめに：イベントハンドラとは何ですか？ ウェブページは、ユーザーの操作（イベント）に応じて動的に反応する仕組みを持っています。これらの「イベント」が発生した際に特定の処理を実行するための仕組みが「イベントハンドラ」です。イベント ...

DOM の新仕様として、スクロールのパフォーマンスを改善するためにaddEventListenerに Passive Event Listeners というオプションが追加された。 Scroll Jank ページのスクロール時に発生する（スクロールが詰まったような）遅延を「Scroll Jank」と呼ぶ。 こういった Scroll ...

We have many times have listen about event bubbling in javascript which propogate an event from child element to parent element. So, to avoid such event bubbling in our page we use ...

What is preventDefault() in React? React uses synthetic events to handle events from button, input and form elements. A synthetic event is a shell around the native DOM event with additional ...