The width
read-only property of the PointerEvent
interface represents the width of the pointer's contact geometry along the x-axis, measured in CSS pixels. Depending on the source of the pointer device (such as a finger), for a given pointer, each event may produce a different value.
If the input hardware cannot report the contact geometry to the browser, the width defaults to 1
.
Syntax
var contactWidth = pointerEvent.width;
Return value
contactWidth
- The width of the event's contact area (in CSS pixels).
Example
This example illustrates using the PointerEvent
interface's width
and height
properties to calculate the contact area.
target.addEventListener("pointerdown", function(ev) { // Calculate the contact area var area = ev.width * ev.height; }, false);
Specifications
Specification | Status | Comment |
---|---|---|
Pointer Events – Level 2 The definition of 'width' in that specification. |
Recommendation | Non-stable version. |
Pointer Events The definition of 'width' in that specification. |
Obsolete | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
width | Chrome Full support 55 | Edge Full support 12 | Firefox
Full support
59
| IE
Full support
11
| Opera Full support 42 | Safari Full support 13 | WebView Android Full support 55 | Chrome Android Full support 55 | Firefox Android
Full support
41
| Opera Android Full support 42 | Safari iOS Full support 13 | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.