PointerEvent.width
Summary
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 is zero.
This property is Read only .
Syntax
JavaScript
Copy Code
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 width properties to calculate the contact area.
JavaScript
Copy Code
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. |
Editor's Draft | Non-stable version. |
| Pointer Events The definition of 'width' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | (Yes) [1] | 10 | No support | No support |
| Feature | Android | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support | 10 | No support | No support |
[1] Implementation withdrawn. See bug 1166347.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/api/pointerevent/width