Pass mouse events through absolutely-positioned element

by 
pointer-events: none;

Is a CSS property that makes events “pass through” the HTML-element to which the property is applied. It makes the event occur on the element “below”.

See for details: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

It is supported by almost all browsers, including IE11; global support was ~98.2% in 05/’21): http://caniuse.com/#feat=pointer-events (thanks to @s4y for providing the link in the comments).

More Related Contents:

  1. Replacement for deprecated `keypress` DOM event
  2. How to make JavaScript execute after page load?
  3. How to stop event propagation with inline onclick attribute?
  4. Firing event on DOM attribute change
  5. How can I capture the right-click event in JavaScript? [duplicate]
  6. Getting value of HTML Checkbox from onclick/onchange events
  7. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  8. Adding an onclick event to a table row
  9. Change ‘s option and trigger events with JavaScript
  10. How do you detect the clearing of a “search” HTML5 input?
  11. Are event handlers in JavaScript called in order?
  12. HTML DOM: Which events do not bubble?
  13. Handling “onclick” event with pure JavaScript
  14. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  15. Fire oninput event with jQuery
  16. Parse an HTML string with JS
  17. jQuery document.createElement equivalent?
  18. How can I count text lines inside an DOM element? Can I?
  19. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  20. How do I replace text inside a div element?
  21. Dynamically creating HTML elements using Javascript?
  22. Accessing an object’s property from an event listener call in JavaScript
  23. What’s standard behavior when element is clicked? Will it submit the form?
  24. jQuery equivalent of JavaScript’s addEventListener method
  25. getAttribute() versus Element object properties?
  26. Why aren’t some technically serializable input properties serializable?
  27. Add an element to the DOM with JavaScript
  28. How to get the title of HTML page with JavaScript?
  29. How browser executes Javascript and renders asynchronously
  30. Are dynamically inserted tags meant to work?

Leave a Comment