We are listening to click events and to touch events on
this element. Multiple touches are recognized and the red
circle(s) are movable if a touch screen is available.
The total number of event calls on either listener is reported
below. Horizontal swipes are also reported.
Scroll events are reflected on the blue bar.
Start
""Modify items marked 101 Modify items marked 102 Modify items marked 103 Modify items marked 104 Modify items marked 105 Modify items marked 106 Modify items marked 107 Modify items marked 108 Modify items marked 109 Modify items marked 110 Modify items marked 111 Modify items marked 112 Modify items marked 113 Modify items marked 114 Modify items marked 115 Modify items marked 116 Modify items marked 117 Modify items marked 118 Modify items marked 119 Modify items marked 120 Modify items marked 121 Modify items marked 122 Modify items marked 123 Modify items marked 124 Modify items marked 125 Modify items marked 126 Modify items marked 127 Modify items marked 128 Modify items marked 129 Modify items marked 130 Modify items marked 131 Modify items marked 132 Modify items marked 133 Modify items marked 134 Modify items marked 135 Modify items marked 136 Modify items marked 137 Modify items marked 138 Modify items marked 139 Modify items marked 140 Modify items marked 141 Modify items marked 142 Modify items marked 143 Modify items marked 144 Modify items marked 145 Modify items marked 146 Modify items marked 147 Modify items marked 148 Modify items marked 149 Modify items marked 150 Modify items marked 151 Modify items marked 152 Modify items marked 153 Modify items marked 154 Modify items marked 155 Modify items marked 156 Modify items marked 157 Modify items marked 158 Modify items marked 159 Modify items marked 160 Modify items marked 161 Modify items marked 162 Modify items marked 163 Modify items marked 164 Modify items marked 165 Modify items marked 166 Modify items marked 167 Modify items marked 168 Modify items marked 169 Modify items marked 170 Modify items marked 171 Modify items marked 172 Modify items marked 173 Modify items marked 174 Modify items marked 175 Modify items marked 176 Modify items marked 177 Modify items marked 178 Modify items marked 179 Modify items marked 180 Modify items marked 181 Modify items marked 182 Modify items marked 183 Modify items marked 184 Modify items marked 185 Modify items marked 186 Modify items marked 187 Modify items marked 188 Modify items marked 189 Modify items marked 190 Modify items marked 191 Modify items marked 192 Modify items marked 193 Modify items marked 194 Modify items marked 195 Modify items marked 196 Modify items marked 197 Modify items marked 198 Modify items marked 199 Modify items marked 200 Modify items marked 201 Modify items marked 202 Modify items marked 203 Modify items marked 204 Modify items marked 205 Modify items marked 206 Modify items marked 207 Modify items marked 208 Modify items marked 209 Modify items marked 210 Modify items marked 211 Modify items marked 212 Modify items marked 213 Modify items marked 214 Modify items marked 215 Modify items marked 216 Modify items marked 217 Modify items marked 218 Modify items marked 219 Modify items marked 220 Modify items marked 221 Modify items marked 222 Modify items marked 223 Modify items marked 224 Modify items marked 225 Modify items marked 226 Modify items marked 227 Modify items marked 228 Modify items marked 229 Modify items marked 230 Modify items marked 231 Modify items marked 232 Modify items marked 233 Modify items marked 234 Modify items marked 235 Modify items marked 236 Modify items marked 237 Modify items marked 238 Modify items marked 239 Modify items marked 240 Modify items marked 241 Modify items marked 242 Modify items marked 243 Modify items marked 244 Modify items marked 245 Modify items marked 246 Modify items marked 247 Modify items marked 248 Modify items marked 249 Modify items marked 250 Modify items marked 251 Modify items marked 252 Modify items marked 253 Modify items marked 254 Modify items marked 255 Modify items marked 256 Modify items marked 257 Modify items marked 258 Modify items marked 259 Modify items marked 260 Modify items marked 261 Modify items marked 262 Modify items marked 263 Modify items marked 264 Modify items marked 265 Modify items marked 266 Modify items marked 267 Modify items marked 268 Modify items marked 269 Modify items marked 270 Modify items marked 271 Modify items marked 272 Modify items marked 273 Modify items marked 274 Modify items marked 275 Modify items marked 276 Modify items marked 277 Modify items marked 278 Modify items marked 279 Modify items marked 280 Modify items marked 281 Modify items marked 282 Modify items marked 283 Modify items marked 284 Modify items marked 285 Modify items marked 286 Modify items marked 287 Modify items marked 288 Modify items marked 289 Modify items marked 290 Modify items marked 291 Modify items marked 292 Modify items marked 293 Modify items marked 294 Modify items marked 295 Modify items marked 296 Modify items marked 297 Modify items marked 298 Modify items marked 299 Modify items marked 300
function scroller(evt) {
let t = evt.target;
let p = t.scrollTop * t.clientWidth;
let H = t.scrollHeight - t.clientHeight;
let w = (p/H).toFixed(0)+"px";
out.innerText = (count+": scroll "+w);
count++; bar.style.width = w;
}