OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Button touch-action test</title> | 4 <title>Button touch-action test</title> |
5 <meta name="assert" content="TA15.11 -The touch-action CSS property appl
ies to button elements."> | 5 <meta name="assert" content="TA15.11 -The touch-action CSS property appl
ies to button elements."> |
6 <meta name="viewport" content="width=device-width"> | 6 <meta name="viewport" content="width=device-width"> |
7 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> | 7 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> |
8 <script src="/resources/testharness.js"></script> | 8 <script src="/resources/testharness.js"></script> |
9 <script src="/resources/testharnessreport.js"></script> | 9 <script src="/resources/testharnessreport.js"></script> |
10 <script src="pointerevent_support.js"></script> | 10 <script src="pointerevent_support.js"></script> |
(...skipping 12 matching lines...) Expand all Loading... |
23 height: 350px; | 23 height: 350px; |
24 border: 2px solid red; | 24 border: 2px solid red; |
25 } | 25 } |
26 </style> | 26 </style> |
27 </head> | 27 </head> |
28 <body onload="run()"> | 28 <body onload="run()"> |
29 <h2>Pointer Events touch-action attribute support</h2> | 29 <h2>Pointer Events touch-action attribute support</h2> |
30 <h4 id="desc">Test Description: Try to scroll black element DOWN moving
your touch outside of the red border. Wait for description update.</h4> | 30 <h4 id="desc">Test Description: Try to scroll black element DOWN moving
your touch outside of the red border. Wait for description update.</h4> |
31 <p>Note: this test is for touch only</p> | 31 <p>Note: this test is for touch only</p> |
32 <div id="target0"> | 32 <div id="target0"> |
33 <button>Test Button</button> | 33 <button id="testButton">Test Button</button> |
34 </div> | 34 </div> |
35 <br> | 35 <br> |
36 <input type="button" id="btnComplete" value="Complete test"> | 36 <input type="button" id="btnComplete" value="Complete test"> |
37 | 37 |
38 <script type='text/javascript'> | 38 <script type='text/javascript'> |
39 var detected_pointertypes = {}; | 39 var detected_pointertypes = {}; |
40 var xScrollIsReceived = false; | 40 var xScrollIsReceived = false; |
41 var yScrollIsReceived = false; | 41 var yScrollIsReceived = false; |
42 var xScr0, yScr0, xScr1, yScr1; | 42 var xScr0, yScr0, xScr1, yScr1; |
43 var scrollReturnInterval = 1000; | 43 var scrollReturnInterval = 1000; |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
99 } | 99 } |
100 }); | 100 }); |
101 } | 101 } |
102 </script> | 102 </script> |
103 <h1>touch-action: none</h1> | 103 <h1>touch-action: none</h1> |
104 <div id="complete-notice"> | 104 <div id="complete-notice"> |
105 <p>The following pointer types were detected: <span id="pointertype-
log"></span>.</p> | 105 <p>The following pointer types were detected: <span id="pointertype-
log"></span>.</p> |
106 </div> | 106 </div> |
107 <div id="log"></div> | 107 <div id="log"></div> |
108 </body> | 108 </body> |
109 </html> | 109 </html> |
OLD | NEW |