エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
DOMイベントの伝わり方、完全に理解した - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
DOMイベントの伝わり方、完全に理解した - Qiita
要約 DOMイベントはその名の通りDOMの構造に従って伝搬する。 バブリング/キャプチャリングをイメージで... 要約 DOMイベントはその名の通りDOMの構造に従って伝搬する。 バブリング/キャプチャリングをイメージできるかがカギ。 見た目に騙されちゃダメ 1. はじめに まずはじめに「へんな動きをするデモ」を紹介します。 次の2つは "四角形の中ではマウスカーソルを非表示にして代わりに円を追従させる" ことを実現しようとしたコードです。 デモ① See the Pen mouse-cursor by www-tacos (@www-tacos) on CodePen. デモ② See the Pen mouse-cursor-parallel by www-tacos (@www-tacos) on CodePen. いくらか触ってもらえれば気づくと思いますが、 デモ①はゆっくり動かすと円が四角形の外に出てしまう デモ②はマウスカーソルの表示/非表示が交互に切り替わって点滅してるみたいになる とい