1. はじめに：イベントハンドラとは何ですか？ ウェブページは、ユーザーの操作（イベント）に応じて動的に反応する仕組みを持っています。これらの「イベント」が発生した際に特定の処理を実行するための仕組みが「イベントハンドラ」です。イベント ...
Webサイトに動きをつけるために addEventListener を使うことは、JavaScriptを学ぶ上で最初のステップです。 しかし、開発が進み、より複雑なアプリケーションを作るようになると、ある壁にぶつかります。 「登録したイベントを、特定のタイミングで停止させ ...
こんにちは、 太田です。前回はJavaScriptからみたHTMLの基本を中心に解説しました。今回はまず、 イベントについて解説します。JavaScript、 DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし ...
DOM の新仕様として、スクロールのパフォーマンスを改善するためにaddEventListenerに Passive Event Listeners というオプションが追加された。 Scroll Jank ページのスクロール時に発生する（スクロールが詰まったような）遅延を「Scroll Jank」と呼ぶ。 こういった Scroll ...
JavaScriptには、特定の動作が発生した際にそれに応じてコードを実行する「イベント」という仕組みが存在しています。そのイベントがDOM内でどのように伝わるのかについて、「Explore DOM Events」というウェブアプリがイベントのオプションに応じて視覚的に ...
ページのスクロールの滑らかさが損なわれると UX の低下に繋がる。 スクロールイベントの最適化 スクロールイベントは発生頻度が多いため、実装内容によっては Scroll Jank を引き起こす可能性がある。 イベント内でpreventDefault()が呼ばれている可能性がある ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する