こんにちは、 太田です。前回はJavaScriptからみたHTMLの基本を中心に解説しました。今回はまず、 イベントについて解説します。JavaScript、 DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし ...

JavaScriptを学習していて初めてJavaScriptを使っているなと感じたのがイベント処理。今回は、自分のイベント処理の学習についてまとめます。 学習方法 私がJavascriptのイベントを学習した教材は、以前記事にした「1冊ですべて身につくJavascript入門講座」です。

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

JavaScriptのイベントには「バブリング（Bubbling）」という性質があります。 子要素で発生したイベントが、親要素、さらにその親要素へと波紋のように伝わっていく現象です。 一般的には「意図しない発火を防ぐために stopPropagation で止める」といった文脈で ...

JavaScriptには、特定の動作が発生した際にそれに応じてコードを実行する「イベント」という仕組みが存在しています。そのイベントがDOM内でどのように伝わるのかについて、「Explore DOM Events」というウェブアプリがイベントのオプションに応じて視覚的に ...

ページのスクロールの滑らかさが損なわれると UX の低下に繋がる。 スクロールイベントの最適化 スクロールイベントは発生頻度が多いため、実装内容によっては Scroll Jank を引き起こす可能性がある。 イベント内でpreventDefault()が呼ばれている可能性がある ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with ...

株式会社クリーク・アンド・リバー社（C&R社）は3月31日（火）から全4回で、Webデザイナーやコーダー、マークアップエンジニア、Webディレクターなど、Web関連のお仕事に携わるクリエイターの方を対象に、無料の「リンク">JavaScript講座【レベル2:入門編 ...