stopImmediatePropagation

by amindunited

HTML

<div class="listEl">
  <input type='checkbox'id='checky'/>
</div>

CSS

.listEl {
  border: solid 1px black;
  padding: 15px;
}

JavaScript

const listEl = document.querySelector('.listEl');
listEl.addEventListener('click', (e) => {
	console.log('list element clicked!');
})

const checkbox = document.querySelector('#checky');
checkbox.addEventListener('click', (e) => {
	e.preventDefault();
	e.stopImmediatePropagation();
	console.log('checkbox  clicked!');
})