< dom‎ | Navigator
Jump to: navigation, search


This article is Ready to Use.

W3C Working Draft


The maximum number of simultaneous touch contacts supported by the device.

Property of dom/Navigator


Note: This property is read-only.

var result = navigator.;

Return Value

Returns an object of type Number


Basic HTML5 Canvas painting application


  /* Disable intrinsic user agent touch behaviors (such as panning or zooming) so 
  that all events are given to the application instead. */
  html { 
    touch-action: none; 

<canvas id="drawSurface" width="500px" height="500px" style="border:1px solid black;"></canvas>

<script type='text/javascript'>
window.addEventListener('load', function() {
  var canvas = document.getElementById("drawSurface"),
  context = canvas.getContext("2d");
  if (window.navigator.pointerEnabled) {
    canvas.addEventListener("pointermove", paint, false);
		alert("Your user agent and hardware support multi-touch!");
  else {
	//Provide fallback for user agents that do not support Pointer Events
    canvas.addEventListener("mousemove", paint, false);
  function paint(event) {
		context.fillRect(event.clientX, event.clientY, 5, 5);


 In the case of devices with multiple digitizers (e.g. multiple touchscreens), the value must be the maximum of the set of maximum supported contacts by each individual digitizer.

For example, suppose a device has 3 touchscreens, which support 2, 5, and 10 simultaneous touch contacts, respectively. The value of maxTouchPoints is 10.

Related specifications

Specification Status Related Changes
Pointer Events Working Draft Section 5

See also

Related articles

Pointer Events


This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [maxTouchPoints property Article]