Вот позарез нужна такая возможность, только именно для
textarea.
В IE8 проблемы такой нет. Координаты дает хоть так, хоть эдак.
А вот c Firefox/Gecko - всю голову сломал. Никакой Range на textarea не распространяется. Этот элемент как будто исключен из списка достойных. А ведь у меня уже 20-я версия Firefox.
Пробовал вышеописанный способ. Но споткнулся на ровном месте. Создаю два элемента -
textarea и
div с одинаковыми стилями, но там уже по-разному текст размещается.
<!DOCTYPE html>
<html><head>
<style type="text/css">
.txtar {width:500px; height:200px; font:normal 12px monospace; border:1px solid grey; white-space:pre-wrap; word-break:break-all;}
</style>
<script type="text/javascript">
var ta, tad;
window.onload = function() {
ta = document.getElementById("ta");
tad = document.getElementById("tad");
tad.textContent = ta.textContent;
}
</script>
</head><body>
<textarea id="ta" class="txtar">
АБВГДЕ
ЖЗИЙ
КЛМНОП
рстуфх
0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij
</textarea>
<div id="tad" class="txtar"></div>
</body></html>
То ли я не там копаю, то ли забыть надо про этот
textarea.