Use Pointer Events to Control Mouse Events

Pointer events allow you to specify how the mouse interacts with the element it’s touching. To disable the default pointer event on a button, for instance:

  1. .button-disabled {
  2.   opacity: .5;
  3.   pointer-events: none;
  4. }

It’s that simple.