• Un code bidouillé rapidement (ajouter jQuery) qui affiche un gros rond rouge avec des cases au-dessus. Glisser la souris et faire bouger la souris au-dessus du cercle, et le truc comptera le nombre d’événements mousemove pendant une seconde. Toucher et bouger le doigt, et le truc comptera les événements touchemove pendant une seconde.

    Idéalement, on obtient grosso modo des chiffres dans les mêmes eaux. (C’est le cas sur mon petit PC portable tactile, et c’est le cas sur une de nos tables tactiles avec un écran tactile à infrarouge.)

    J’ai fait ça parce qu’on a un problème avec une dalle capacitive projetée, et l’appli Web semble se traîner quand on manipule l’écran tactile alors qu’elle est très rapide avec la souris. Avec ce code, on a constaté que la dalle génère 70 événements/s au maximum tandis que la souris monte à 110. Après, est-ce que lié au driver (natif Windows 10, pas de driver spécifique pour la dalle tactile), ou est-ce lié au contrôleur de la dalle (ça fait deux fois qu’on en change), ou est-ce lié à la technologie utilisée… je sais pas. On va essayer demain avec une autre dalle.

    <style>
    #click {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            position: absolute;
            bottom: 00px;
            left: 50px;
            background-color:red;
            z-index: 2000;
    }
    #type {
            width: 200px;
            text-align: center;
            background-color: rgba(255, 0, 0, 0.5);
            z-index: 2010;
            position: absolute;
            left: 100px;
            padding: 10px 0;
            font-size: 2em;
            bottom: 560px;
    }
    #compteur {
            width: 200px;
            text-align: center;
            background-color: rgba(255, 0, 0, 0.5);
            z-index: 2010;
            position: absolute;
            left: 100px;
            padding: 10px 0;
            font-size: 2em;
            bottom: 520px;
    }
    #typem {
            width: 200px;
            text-align: center;
            background-color: rgba(255, 0, 0, 0.5);
            z-index: 2010;
            position: absolute;
            left: 100px;
            padding: 10px 0;
            font-size: 2em;
            bottom: 400px;
    }
    #compteurm {
            width: 200px;
            text-align: center;
            background-color: rgba(255, 0, 0, 0.5);
            z-index: 2010;
            position: absolute;
            left: 100px;
            padding: 10px 0;
            font-size: 2em;
            bottom: 360px;
    }
    </style>

    <script>
    var compteur = 0;
    var compteur_m = 0;
    var compteur_actif = false;
    var compteur_t = false;
    $(document).on("mouseenter", "#click", function(){
            compteur = 0;
            compteur_m = 0;
            compteur_actif = true;
            compteur_t = setTimeout("compteur_actif = false;", 1000);
            $("#compteurm, #compteur, #type, #typem").html("•");
            $("#typem").html("Mouse");
           
    });
    $(document).on("touchstart", "#click", function(){
            compteur = 0;
            compteur_m = 0;
            compteur_actif = true;
            compteur_t = setTimeout("compteur_actif = false;", 1000);
            $("#compteurm, #compteur, #type, #typem").html("•");
            $("#type").html("Touch");
    });

    $(document).on("mousemove", "#click", function() {
            if (compteur_actif) {
                    compteur_m++;
                    $("#compteurm").html(compteur_m);
            }
    });
    $(document).on(" touchmove", "#click", function() {
            if (compteur_actif) {
                    compteur++;
                    $("#compteur").html(compteur);
            }
    });


    </script>

            <div id="click" style=""></div>
            <div id="type">•</div>
            <div id="typem">•</div>
            <div id="compteur">•</div>
            <div id="compteurm">•</div>