---
title: "Canvas - 憂いを忘れる一枚"
canonical_url: "https://www.ikxin.com/ja/tag/canvas"
locale: ja
meta:
  "og:title": Canvas
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# Canvas

[![konva.js の click クリックイベントが親要素にバブリングするのを防止する](https://www.ikxin.com/_ipx/f_webp&s_448x314/https://img.8b5.cn/2023/03/29/6423ea1d7d571.png)](https://www.ikxin.com/ja/article/konva-click-bubbling)

## [konva.js の click クリックイベントが親要素にバブリングするのを防止する](https://www.ikxin.com/ja/article/konva-click-bubbling)

KonvaJS では、イベントバブリングがデフォルトで有効になっています。つまり、子要素でイベントが発生すると、そのイベントは親要素へ伝播します。そのため、レイヤーに click イベントを登録し、その上にグループを作成した場合、そのグルー

[Web 前端](https://www.ikxin.com/ja/category/web) 2023.03.295538 回閲覧 [0 件のコメント](https://www.ikxin.com/ja/article/konva-click-bubbling#comments)

[Canvas](https://www.ikxin.com/ja/tag/canvas)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/tag/canvas#webpage","@type":"WebPage","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","name":"Canvas","url":"https://www.ikxin.com/ja/tag/canvas","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/tag/canvas"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.