third_party/WebKit/LayoutTests/fast/events/touch/gesture/resources/event-delegator-boxes.html

   1 <style>
   2 body {
   3   height: 500px;
   4   width: 500px;
   5   margin: 0;
   6 }
   7 .box {
   8   display: inline-block;
   9   width: 5px;
  10   height: 5px;
  11 }
  12 </style>
  13 <body>
  14 </body>
  15 <script>
  16 var eventTypes = ['mousemove', 'mousedown', 'mouseup', 'click'];
  17 for (var i = 0; i < eventTypes.length; i++)
  18     document.addEventListener(eventTypes[i], parent.onEventInFrame);
  19
  20 // Fill the viewport with boxes for verifying the target of hit testing.
  21 for (var i = 0; i < 100*100; i++) {
  22     var div = document.createElement("div");
  23     div.className = "box";
  24     document.body.appendChild(div);
  25 }
  26 </script>