HTML details summaryのclose動作をキャンセルさせるには？

Question

タイトルの通りです
details summaryの閉じる動作をJavaScriptか何かでキャンセルしたいです
わかっている事は下記になります

//alert(id.getAttribute('open')) 開いているかどうかの取得？
//id.removeAttribute('open');//開いているものを閉じる

閉じる動作をキャンセルものが見当たりません

<details id="aaaa">
    <summary onclick="if(aaaa.getAttribute('open')){/* 開いてる状態であればクリックした時に閉じるを動作のキャンセルを行いたい */}">Details</summary>
    Something small enough to escape casual notice.

<details>: 詳細折りたたみ要素 - HTML: HyperText Markup Language | MDN

Answer 1

aaaaにcssでpointer-evens:none;をつければaaaaをクリックできなくなり、閉じることができなくなります。
クリックをトリガーにすれば、一度開くと閉じることができなくなります。
如何でしょうか？

Comments

[退会済みユーザー]

回答ありがとうございます
pointer-evens:none;でもevent.preventDefault()でもいけました

[tomtomtomtom]

その手もあったんですね！
すごいですね^^
問題解決おめでとうございます！