Web/API/PointerEvent/width

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 2The definition of 'width' in that specification.	Recommendation	Non-stable version.
Pointer EventsThe 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.

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
width	Chrome Full support 55	Edge Full support 12	Firefox Full support 59 Full support 59 Full support 41 Disabled' Disabled' From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.	IE Full support 11 Full support 11 Partial support 10 Notes' Notes' Returns values in screen pixels instead of CSS document pixels.	Opera Full support 42	Safari Full support 13	WebView Android Full support 55	Chrome Android Full support 55	Firefox Android Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.	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.

PointerEvent.width by Mozilla Contributors is licensed under CC-BY-SA 2.5.