この記事はテックタッチアドベントカレンダー11日目の記事です。 テックタッチのフロントエンドエンジニアのshioriです。 エンジニアですがデザインも学びたいということで、アドベントカレンダーのアイキャッチを担当しました。アドベントカレンダーの1日ごとに窓が開いていくワクワク感を、アイキャッチで表現したいなと思いこのデザインにしました。 この記事ではクリックイベントについてお話したいと思います。 はじまり console.logでマウスイベントのログを確認すると マウスイベントの順番 要素外でマウスアップは検知されない おわり 参考文献 はじまり きっかけは、こんなコンポーネントを作ろうとしていたことから始まりました。 これはAtlassianのデザインシステムにあるInline editを参考に自前で作ったものです。 https://atlaskit.atlassian.com/pack