File: page_with_touch_handler.html

package info (click to toggle)
chromium 139.0.7258.127-1
  • links: PTS, VCS
  • area: main
  • in suites:
  • size: 6,122,068 kB
  • sloc: cpp: 35,100,771; ansic: 7,163,530; javascript: 4,103,002; python: 1,436,920; asm: 946,517; xml: 746,709; pascal: 187,653; perl: 88,691; sh: 88,436; objc: 79,953; sql: 51,488; cs: 44,583; fortran: 24,137; makefile: 22,147; tcl: 15,277; php: 13,980; yacc: 8,984; ruby: 7,485; awk: 3,720; lisp: 3,096; lex: 1,327; ada: 727; jsp: 228; sed: 36
file content (42 lines) | stat: -rw-r--r-- 1,558 bytes parent folder | download | duplicates (7)
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
<!DOCTYPE html>
<html style="width: 100%; height: 100%">
<head>
  <script>
    function touchHandler(e, type) {
      var touchResult = document.getElementById("last-touch-event");
      touchResult.innerHTML = type;
    }

    function getLastTouchEvent() {
      var touchResult = document.getElementById("last-touch-event");
      return touchResult.innerHTML;
    }

    window.addEventListener('load', function(){ // on page load
      document.body.addEventListener('touchstart',
                                      function(e){
                                        touchHandler(e, "touchstart");
                                      }, false);

      document.body.addEventListener('touchmove',
                                      function(e){
                                        touchHandler(e, "touchmove");
                                      }, false);

      document.body.addEventListener('touchend',
                                      function(e){
                                        touchHandler(e, "touchend");
                                      }, false);
    }, false);
  </script>
</head>

<!-- Be sure to set 100% width/height so the test can determine an appropriate
     screen region for targeting events. -->
<!-- Make the body touch-action: none to force sending the touch action back
     to the browser during the test, so we can verify that functionality. -->
<body style="width: 100%; height: 100%; touch-action: none">
  Page with Touch Handler
  <div id="last-touch-event">noevent</div>
</body>
</html>