passive listener를 제거할 때 callback만 같게 넘기면 충분한가요?

callback만 같게 넘기는 것으로는 충분하지 않습니다. 같은 EventTarget, 이벤트 type, 같은 callback 객체가 필요하고, 등록할 때의 capture 값과 제거할 때의 capture 값이 일치해야 합니다. passive와 once는 matching에서 capture처럼 비교되는 값이 아니지만, 함수 identity는 반드시 같아야 합니다.

두 등록을 실제 상태로 보겠습니다.

function onMove(e) { console.log(e.type); }
window.addEventListener('touchmove', onMove, {capture: true, passive: true});
window.addEventListener('touchmove', onMove, {capture: false, passive: true});
window.removeEventListener('touchmove', onMove, {capture: true});

첫 제거 뒤 capture=true 등록은 사라지지만 capture=false 등록은 남습니다. 따라서 다음 touchmove에는 callback이 한 번 실행됩니다. 제거 시 {capture:false}를 한 번 더 전달해야 bubble 등록까지 없어집니다. 반대로 removeEventListener('touchmove', e => console.log(e.type), {capture:true})는 새 함수 객체라서 원래 등록과 같지 않습니다. 소스 코드가 같은 화살표인지가 아니라 객체 identity가 기준입니다.

SPA에서는 owner가 handler와 capture 정책을 함께 보관하거나 AbortController.signal로 수명을 묶습니다. 남은 listener는 중복 처리뿐 아니라 이전 closure가 화면 state와 DOM을 붙잡는 원인이 됩니다. passive 값만 바꿔 제거가 실패했다고 말하지 말고, target/type/callback/capture 네 경계를 먼저 확인합니다.