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


content / test / data / page_with_click_handler.html [blame]

<!DOCTYPE html>
<html style="width: 100%; height: 100%">
<head>
  <script>
    clicksReceived = 0;

    function clickHandler(e) {
      var clickResult = document.getElementById("click-results");
      clicksReceived++;
      if (clicksReceived == 1)
        clickResult.textContent = "1 click received";
      else
        clickResult.textContent = clicksReceived + " clicks received";
    }

    function getClickStatus() {
      var clickResult = document.getElementById("click-results");
      return clickResult.textContent;
    }

    window.addEventListener('load', function(){
      document.body.addEventListener('click',
                                      function(e){
                                        clickHandler(e);
                                      }, false);
    }, false);
  </script>
</head>

<!-- Be sure to set 100% width/height so the test can determine an appropriate
     screen region for targeting events. -->
<body style="width: 100%; height: 100%">
  Page with Click Handler
  <div id="click-results">0 clicks received</div>
</body>
</html>