JavaScriptでdetailsタグで現在openになっている項目を取得したい

今detailsタグを利用し、表示している項目があります。
この複数のdetailsタグの中からボタンを押下した時にopenされているdetailsはどれか判断したのですが、
どのような方法があるかわかりません。

時間が無く、試せてなく、質問だけになってしまうのですが、わかる方教えてください。
よろしくお願いします。

html

1<details>2 <summary>青い</summary>3 <dl>4 <dt>あおい</dt>5 </dl>6</details>7<details>8 <summary>白い</summary>9 <dl>10 <dt>しろい</dt>11 </dl>12</details>

また、openした時のみのイベントを取得する方法は可能でしょうか？