Détecter si l'entrée a été touché (tablette) ou cliqué (souris)

Nous sommes le développement d'une Application Web, qui lance sur le Bureau et sur tablettes (iPad, Android ou une surface). Maintenant, nous construisons notre propre clavier pour le nombre d'entrées. Lorsque vous définissez le focus sur un champ de saisie avec un mousclick, le costum clavier s'ouvre correct. Mais lorsque vous réglez la mise au point à l'entrée avec un touché sur une tablette, le clavier par défaut s'ouvre également. Notre idée est que, pour détecter s'il y a un clic de souris ou un touché sur. Si c'est un touché sur, nous pouvons définir la readonly="true" propriété à l'entrée, de sorte que le clavier par défaut sur un déposé ne pas glisser.

Est-il un moyen de détecter ou de vérifier quel "type" de cliquez a été touché ou de la souris).

OriginalL'auteur MrBuggy | 2016-05-09

  1. 1

    @Zakaria Acharki

            <script type="text/javascript">
        $(document).ready(function(){
            $(".cCostumeKeyboard").on("click touchstart",function(e){
                if(e.type=="click") {
                    alert("Mouse");
                    alert(e.type);
                }
                else if(e.type=="touchend"){
                    alert("Touch");
                    alert(e.type);
                    e.preventDefault();
                    e.stopPropagation();
                }
            }); 
        });
    </script>

    Essayez de cet extrait sur un périphérique tactile. Il montre après le premier contact sur l'entrée de suivre:

    • Alerte: "Touche"
    • Alerte: "touchend"
    • Alerte: "La Souris"
    • Alerte: "cliquez sur"
    "touchend" au lieu de "évènements touchstart" dans le onclick 🙂
    Un événement tactile déclenche également un événement de clic. L'événement click vient après les évènements touchstart ou touchend événements. Afin de détecter la touchend et puis preventDefault() avant l'événement click incendies.

    OriginalL'auteur MrBuggy