DOMイベントのリスナーを登録・解除する
function handleClick(e: MouseEvent) {
console.log('clicked', e.clientX, e.clientY);
}
btn.addEventListener('click', handleClick);
btn.removeEventListener('click', handleClick); // 同じ参照が必要
// 1回だけ実行
btn.addEventListener('click', handleClick, { once: true });
// イベント委譲
document.addEventListener('click', e => {
if ((e.target as Element).matches('.item')) { ... }
});removeEventListenerには同じ関数参照が必要なため、アロー関数を直接渡すと解除できない。once: trueオプションで自動的に1回で解除できる。