53 lines
1.9 KiB
HTML
53 lines
1.9 KiB
HTML
<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>
|
|
|