Mouse-Functionality-Tester/index.html at main · BoringBoredom/Mouse-Functionality-Tester · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Mouse Functionality Tester</title>
    <meta
      name="description"
      content="Test your mouse's buttons (e.g. unintentional actuation or double clicks), scroll wheel and approximate polling rate"
    />
    <link rel="icon" href="assets/img/mouse.png" />
    <link rel="stylesheet" href="assets/css/styles.css" />
    <meta property="og:title" content="Mouse Functionality Tester" />
    <meta
      property="og:description"
      content="Test your mouse's buttons (e.g. unintentional actuation or double clicks), scroll wheel and approximate polling rate"
    />
    <meta
      property="og:image"
      content="https://boringboredom.github.io/Mouse-Functionality-Tester/assets/img/mouse.png"
    />
    <meta property="og:type" content="website" />
    <meta name="twitter:title" content="Mouse Functionality Tester" />
    <meta
      name="twitter:description"
      content="Test your mouse's buttons (e.g. unintentional actuation or double clicks), scroll wheel and approximate polling rate"
    />
    <meta
      name="twitter:image"
      content="https://boringboredom.github.io/Mouse-Functionality-Tester/assets/img/mouse.png"
    />
    <meta name="twitter:card" content="summary" />
    <script src="coi-serviceworker.js"></script>
  </head>
  <body>
    <div id="header">
      <label>
        Double-Click Mousedown - Mousedown Δ threshold (ms):
        <input
          id="threshold"
          type="number"
          min="1"
          max="999"
          value="80"
        /> </label
      >. Open the browser console for individual deltas.
    </div>
    <div id="interaction">
      <table>
        <thead>
          <tr>
            <th></th>
            <th>Left</th>
            <th>Middle</th>
            <th>Right</th>
            <th>Backward</th>
            <th>Forward</th>
          </tr>
        </thead>
        <tbody>
          <tr class="down">
            <th>Total Mousedown</th>
            <td class="left">0</td>
            <td class="middle">0</td>
            <td class="right">0</td>
            <td class="backward">0</td>
            <td class="forward">0</td>
          </tr>
          <tr class="up">
            <th>Total Mouseup</th>
            <td class="left">0</td>
            <td class="middle">0</td>
            <td class="right">0</td>
            <td class="backward">0</td>
            <td class="forward">0</td>
          </tr>
          <tr class="down-down-delta">
            <th>Min. Mousedown - Mousedown Δ (ms)</th>
            <td class="left"></td>
            <td class="middle"></td>
            <td class="right"></td>
            <td class="backward"></td>
            <td class="forward"></td>
          </tr>
          <tr class="down-up-delta">
            <th>Min. Mousedown - Mouseup Δ (ms)</th>
            <td class="left"></td>
            <td class="middle"></td>
            <td class="right"></td>
            <td class="backward"></td>
            <td class="forward"></td>
          </tr>
          <tr class="double">
            <th>Total Double-Clicks</th>
            <td class="left">0</td>
            <td class="middle">0</td>
            <td class="right">0</td>
            <td class="backward">0</td>
            <td class="forward">0</td>
          </tr>
        </tbody>
      </table>
      <table>
        <thead>
          <tr>
            <th>Scroll ↑</th>
            <th>Scroll ↓</th>
            <th>Scroll ←</th>
            <th>Scroll →</th>
            <th>Report Rate</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td id="scrollUp">0</td>
            <td id="scrollDown">0</td>
            <td id="scrollLeft">0</td>
            <td id="scrollRight">0</td>
            <td><span id="reportRate">-</span>&nbsp;Hz</td>
          </tr>
        </tbody>
      </table>
      <div id="lockPointer">
        <div id="instructions">
          Click here or press F2 to measure the report rate.
        </div>
        <div id="note"></div>
      </div>
    </div>
    <div id="resolution"></div>
    <script src="assets/js/main.js"></script>
  </body>
</html>