event.stopPropagation()

Не даёт событию подняться к родительским элементам. Действие по умолчанию при этом не отменяется (для этого нужен preventDefault).

// <div id="outer"><button>OK</button></div>
const outer = document.querySelector('#outer');
const btn = document.querySelector('button');
outer.addEventListener('click', () => console.log('outer'));
btn.addEventListener('click', e => {
  e.stopPropagation();
  console.log('button'); // 'outer' не выведется
});