Check if mouseup event is propagated when the click event is skipped

by Julien Roche

HTML

<fieldset>
  <legend>Does the mouseup event is skipped when we prevent the click event?</legend>
  <a href="http://www.example.com">My link to http://www.example.com/</a>
</fieldset>

JavaScript

const anchorElement = document.querySelector('a');
const fieldSetElement = document.querySelector('fieldset');

anchorElement.addEventListener(
	'click',
  (event) => {
  	event.preventDefault();
    event.stopPropagation();
  },
  false
);

fieldSetElement.addEventListener(
	'mouseup',
  (event) => {
  	alert('mouseup intercepted!');
  },
  false
);