JavaScript click inside/outside tespiti

NoteOctober 29, 2024

Bir elementin içine/dışına tıklanma durumunu tespit eden javascript kodu;

html
<div id="target">Click here</div>
javascript
const target = document.getElementById('target');

document.addEventListener('click', (e) => {
  if (e.composedPath().includes(target)) {
    target.innerText = 'Click inside';
  } else {
    target.innerText = 'Click outside';
    target.dispatchEvent(new CustomEvent('outside', target));
  }
});

target.addEventListener('outside', () => console.log('outside tıkladı!'));
sungur.dev © 2025
JavaScript click inside/outside tespiti | Tahsin Sungur - Frontend Developer