teste touchscreen multitoque
Esta página lê eventos de toque dentro de uma área dedicada e mostra três listas de pontos ao mesmo tempo, além do número máximo de toques simultâneos que seu hardware suporta. Os pontos de toque detectados existem só na memória desta aba aberta e não trafegam para fora do aparelho.
Como os dois toques começaram dentro do elemento, as duas listas coincidem neste caso; a diferença só aparece quando algum toque está fora da área.
touches conta os dois porque olha a tela inteira, mas targetTouches conta só o dedo que está sobre o elemento alvo, a prova mais direta da diferença entre as duas listas.
changedTouches mostra só o dedo que acabou de sair, mesmo que outro continue tocando a tela normalmente, sem entrar nessa lista de mudança.
Sim, se o dispositivo e o navegador expuserem entrada touch ou pointer, por exemplo um monitor touchscreen ou um notebook 2 em 1. Em um mouse comum, você verá pointerType mouse.
touches lista todo toque na tela inteira, targetTouches lista só os toques que começaram dentro do elemento observado, e changedTouches lista apenas os toques que mudaram de estado naquele evento específico; as três podem ter tamanhos diferentes no mesmo instante.
É um ponto de contato reportado pelo painel sem que a pessoa tenha encostado a tela, geralmente causado por interferência elétrica, umidade na superfície ou falha momentânea do controlador do touchscreen, e aparece nesta página como um toque extra sem explicação visível.
Porque navegadores móveis reservavam cerca de 300 ms depois do toque para checar se viria um segundo toque de zoom antes de disparar o clique; a propriedade CSS touch-action permite avisar o navegador de que a página já trata os gestos, o que remove essa espera.
navigator.maxTouchPoints informa esse limite direto do hardware do painel; esta página exibe esse número, e ele costuma ser 10 em smartphones modernos, mas pode ser bem menor em painéis mais simples ou telas resistivas antigas.
Os pontos de toque são desenhados localmente e não saem da aba.