-
Notifications
You must be signed in to change notification settings - Fork 22.4k
/
index.md
53 lines (40 loc) · 1.34 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
---
title: "PointerEvent: pressure property"
short-title: pressure
slug: Web/API/PointerEvent/pressure
page-type: web-api-instance-property
browser-compat: api.PointerEvent.pressure
---
{{ APIRef("Pointer Events") }}
The **`pressure`** read-only property of the
{{domxref("PointerEvent")}} interface indicates the normalized pressure of the pointer
input.
## Value
The normalized pressure of the pointer input in the range of `0` to `1`, inclusive, where `0` and `1` represent the minimum and maximum pressure the hardware is capable of detecting, respectively. For hardware that does not support pressure, such as a mouse, the value is `0.5` when the pointer is active buttons state and `0` otherwise.
## Examples
In this snippet, when a {{domxref("Element/pointerdown_event", "pointerdown")}} event is fired, different functions
are called depending on the value of the event's `pressure` property.
```js
someElement.addEventListener(
"pointerdown",
(event) => {
if (event.pressure === 0) {
// No pressure
process_no_pressure(event);
} else if (event.pressure === 1) {
// Maximum pressure
process_max_pressure(event);
} else {
// Default
process_pressure(event);
}
},
false,
);
```
## Specifications
{{Specifications}}
## Browser compatibility
{{Compat}}
## See also
- {{ domxref("Touch.force") }}