HTML avec event.preventDefault

Question

Si le document html est désactivé. (pas de défilement ...)

document.ontouchmove = function(event){ event.preventDefault(); } 

Puis-je activer des éléments de façon sélective dans le document html? comme un div, span Quel javascript devrais-je utiliser pour faire cela?

Answer 1

Voici une solution assez hacky.

Changer votre gestionnaire touchmove comme suit:

document.ontouchmove = function (event) { 
    if (!event.elementIsEnabled) { 
     event.preventDefault(); 
    } 
}; 

Ensuite, pour un élément que vous souhaitez activer:

element.ontouchmove = function (event) { 
    event.elementIsEnabled = true; 
}; 

Cela fonctionne parce que:

• Lorsqu'un événement touchmove est déclenché sur l'élément, ces deux gestionnaires d'événements gèrent l'événement dans la phase de bullage. Cela signifie que l'élément touchmove se déclenche en premier, car il est le plus proche de la source de l'événement.
• Lorsque deux gestionnaires d'événements gèrent le même événement, ils reçoivent le même objet événement.
• Vous êtes autorisé à définir vos propres propriétés arbitraires sur un objet événement.

Ainsi, l'élément touchmove gestionnaire définit simplement une propriété personnalisée sur l'objet de l'événement, et les documents touchmove gestionnaire vérifie pour cette propriété personnalisée afin de déterminer s'il faut éviter l'action par défaut.