| <html> |
| <style> |
| /* Add space between div and textfield so that touch selects the text in div. */ |
| #textDiv { |
| margin-bottom: 30px; |
| } |
| </style> |
| <body> |
| <div id='dummy'>Dummy Padding Text</div> |
| <div id='textDiv'>Some text we can select</div> |
| <div id='dummy'>Dummy Padding Text</div> |
| |
| <input id='textfield' type="text" value="Text in a textfield"> |
| </body> |
| <script> |
| |
| function focus_textfield() { |
| document.getElementById('textfield').focus(); |
| // Focusing the textfiled selects its text. Collapse selection to a cursor. |
| window.getSelection().collapseToStart(); |
| } |
| |
| function get_point_inside(element) { |
| var rect = element.getBoundingClientRect(); |
| var point = { |
| x: rect.left + 8, |
| y: (rect.top + rect.bottom) / 2 |
| }; |
| window.domAutomationController.send(JSON.stringify(point)); |
| } |
| |
| function get_point_inside_text() { |
| get_point_inside(document.getElementById('textDiv')); |
| } |
| |
| function get_point_inside_textfield() { |
| get_point_inside(document.getElementById('textfield')); |
| } |
| |
| function empty_textfield() { |
| document.getElementById('textfield').value = ""; |
| } |
| |
| </script> |
| |
| </html> |
