How to highlight click on an element while holding down the mouse button?

Question

JavaScript

How can I make it click on an element when the mouse button is held down? It is necessary to make it so that when you click on an element, it is painted, and if you move the mouse to another without releasing the button, a click is made on it.

Answer 1

.active {
  background: black;
  color: white;
}

const handler = e =>
  e.buttons === 1 &&
  e.target.classList.contains('but') &&
  e.target.classList.add('active');

document.addEventListener('click', handler);
document.addEventListener('mousemove', handler);