Web APIデモ1件

ToggleEvent.source

toggle / beforetoggleイベントに発火元の要素を載せて渡すプロパティです。複数トリガーから共有のポップオーバーを開くケースで、どのボタンから開かれたかを判定できます。

3人分の詳細ボタンが1つのポップオーバーを共有し、event.sourceのdata-member-idで表示するメンバーを切り替えます。

どのメンバーの「詳細」を押しても同じポップオーバーが開きます。toggleイベントのevent.sourceから発火元のボタンを取って、そのdata-member-idで表示内容を切り替えます。

最新の toggle イベントから取った情報（open / close 両方）

event.oldState: "—"

event.newState: "—"

event.source.textContent: null

event.source.dataset.memberId: null

—

ボタンから開いてください