| <html> |
| <head> |
| <style> |
| textarea { -webkit-appearance: textarea;} |
| </style> |
| <script> |
| function log(msg) { |
| document.getElementById('res').innerHTML = document.getElementById('res').innerHTML + msg + "<br>"; |
| } |
| |
| function test() { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var ta = document.getElementById('ta'); |
| |
| log('Calling focus on textarea'); |
| ta.focus(); |
| log('After focus: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>'); |
| |
| log('Calling setSelectionRange on textarea'); |
| ta.setSelectionRange(5, 10); |
| log('After setSelectionRange(5, 10): textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>'); |
| |
| log('Double clicking to make selection for textarea'); |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(75, 55); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| log('After double clicking: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>'); |
| |
| log('Calling blur on textarea'); |
| ta.blur(); |
| log('After blur: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd + '<br>'); |
| |
| log('Calling focus on textarea'); |
| ta.focus(); |
| log('After focus: textarea selection start: ' + ta.selectionStart + ' end: ' + ta.selectionEnd); |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <br> |
| This tests onSelect for textareas. <br> |
| This also makes sure that the correct selection is restored when the element regains focus.<br><br> |
| <textarea id="ta" onselect="log('onselect fired for textarea');" style="position: absolute; top: 50; left: 10;">textarea with lots of fun content!</textarea> |
| <div id="res" style="position: absolute; top: 100; left: 10;"></div> |
| </body> |
| </html> |
| |
