eatsmart https://blog.hatena.ne.jp/eatsmart/ EatSmartシステム部ブログ https://eatsmart.hatenablog.com/ Shadow DOMの要素がクリックされたことを記録することになり、試行錯誤した記録です。 記録する対象はrss-listという名前のコンポーネントです。 イベントを記録するrecoreEvent関数へevent変数を渡していますが、event変数の中身がShadow DOMとなっておりクリックされた要素を取得することができません。 const onClick = (event) => { recordEvent(event); // #shadow-root }; document.querySelector('rss-list').addEventListener('click', onC… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Featsmart.hatenablog.com%2Fentry%2F2022%2F12%2F09%2F112811" title="Shadow DOMのclickイベントを取得する - EatSmartシステム部ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-12-09 11:28:11 rich https://eatsmart.hatenablog.com/entry/2022/12/09/112811 1.0 100%