chrome/test/data/android/contextualsearch/tap_test.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <meta name="viewport" content="width=device-width, user-scalable=no">
   6   <title>Tap Handled Test</title>
   7   <style>
   8     #static,
   9     #editable,
  10     #consumes,
  11     #ignores {
  12       border: 1px solid black;
  13       height: 30px;
  14     }
  15   </style>
  16 </head>
  17 <body>
  18   <span id="static">Static text</span><br>
  19   <input id="editable" type="text" value="Editable Text">
  20   <div id="consumes">Consumes clicks</div>
  21   <div id="ignores">Ignores clicks</div>
  22   <div>United States <span id="intelligence">Intelligence</span></div>
  23   <div>United <span id="states">States</span> Intelligence</div>
  24   <div>United <span id="states-near">StatesNear</span> Intelligence</div>
  25   <form action="demo_form.asp">
  26     <label for="male">Male</label>
  27     <input type="radio" name="sex" id="male" value="male"><br>
  28     <label for="female">Female</label>
  29     <input type="radio" name="sex" id="female" value="female"><br>
  30     <input type="checkbox" name="checkbox" id="checkbox_id" value="value">
  31     <label for="checkbox_id">Checkbox</label>
  32     <br>
  33     <input id="button" type="button" value="Button"><br>
  34   </form>
  35   <div id="question-mark">?</div>
  36   <div>United <span id="states-far">States</span> Intelligence</div>
  37   <div>United States Intelligence</div>
  38   <div><span id="role" role="button">LAUNCH</span> psuedo button</div>
  39   <div><span id="aria" aria-haspopup="true">POPUP</span> test</div>
  40   <div><span id="focusable" tabindex="1">FOCUS-ABLE</span> test</div>
  41   <div>United States Intelligence</div>
  42   <div>United States Intelligence</div>
  43   <div>United States Intelligence</div>
  44   <div>United States Intelligence</div>
  45   <div>United States Intelligence</div>
  46   <div>United States Intelligence</div>
  47   <div>United States Intelligence</div>
  48   <script>
  49     function consume(e) {
  50       console.log('consuming event ' + e.type);
  51       e.preventDefault();
  52     }
  53     document.getElementById('consumes').addEventListener('mousedown', consume);
  54   </script>
  55 </body>
  56 </html>