Lynx
Guide
APIs
Blog
Contribute
Guide
APIs
Blog
Contribute

pointer-events

Introduction

The pointer-events CSS property specifies whether a component can respond to touch events.

Usage Examples

css-apisrc/pointer-events/App.tsx
Preview

Syntax

pointer-events: auto;
pointer-events: none;

Values

  • auto

    Default value. In this case, the node can respond to touch events.

  • none

    The node cannot respond to touch events.

Formal Definition

Initial valueauto
Applies toall elements that don't override hitTest
Inheritedno
Animatableno

Formal Syntax

pointer-events: auto | none;

Differences from Web

inherit, initial, and unset are not supported. There are no SVG only attribute values ​​such as visiblePaintedroll and visibleFill.

Notes

  • This property has an inheritance effect, that is, when the child node does not set pointer-events, it will inherit the pointer-events value of the parent node.

Compatibility

LCD tables only load in the browser

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.