pointer-events
The pointer-events property specifies whether an element is visible to mouse events.
Formal Syntax
auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none
JavaScript Access
// Access via element.style
element.style.pointerEvents = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| pointer-events | 1 | 1.5 | 4 | 12 |
| all | 1 | 1.5 | 4 | 12 |
| auto | 1 | 1.5 | 4 | 12 |
| bounding-box | 33 | — | 13 | 79 |
| fill | 1 | 1.5 | 4 | 12 |
| html_elements | 2 | 3.6 | 4 | 12 |
| none | 1 | 1.5 | 4 | 12 |
| painted | 1 | 1.5 | 4 | 12 |
| stroke | 1 | 1.5 | 4 | 12 |
| visible | 1 | 1.5 | 4 | 12 |
| visibleFill | ≤31 | ≤50 | 4 | 12 |
| visiblePainted | ≤31 | ≤50 | 4 | 12 |
| visibleStroke | ≤31 | ≤50 | 4 | 12 |
Related Properties
- accent-color
- appearance
- caret-color
- cursor
- field-sizing
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- touch-action
- user-select
- caret-animation 🧪
- caret-shape 🧪
- interactivity 🧪
- interest-delay 🧪
- interest-delay-end 🧪
- interest-delay-start 🧪
- box-snap 🚧
- caret 🚧
- event-trigger 🚧
- event-trigger-name 🚧
- event-trigger-source 🚧
- input-security 🚧
- line-snap 🚧
- nav-down 🚧
- nav-left 🚧
- nav-right 🚧
- nav-up 🚧
- pointer-timeline 🚧
- pointer-timeline-axis 🚧
- pointer-timeline-name 🚧
- slider-orientation 🚧
- spatial-navigation-action 🚧
- spatial-navigation-contain 🚧
- spatial-navigation-function 🚧