Javascript: How to get/set caret position in TextArea control?

bin_bin1

Hello, there, I'd like to know whether there is a way to get/set caret position in textarea control in Javascript. I tried very hard to seach the Internet and didn't find anything useful. Please help me out. Here is an example of how I want it to work. Say I have two textarea boxes(TextArea1 and TextArea2) and a button. When the user clicks on the button, the text in the textArea1 is copied to textarea2, textarea1 lose focus and textarea2 will get the focus. All these are very easy to implement. But what I want is the caret in the TextArea2 set to the position of caret position in TextArea1 before the button click. Please help me. Thank you very much in advance. Bin

Shog9 0

Check out the TextRange functions.

Post faster, post more, post now

T1TAN

I suppose you could save the caret pos, something like this: var pos = TextArea1.caretPos; // do stuff TextArea2.caretPos = pos; I'm pretty sure this will work, but i'm not completely sure you can do this last step :doh: good luck;) --- http://sprdsoft.cmar-net.org - We Sprd You Softly Our site features contents and several images. Better check it out before the site grows even dumber.

bin_bin1

Can you give me some details? I knew use TextRange too.

bin_bin1

It is not working in IE. I know to do this in NN is easy, just like one line of code. But in IE, it is something different. var pos = TextArea1.caretPos; pos will be "undefined" after this line of code. Thank you very much.

Shog9 0

Here's a little example: <html> <head> <script> function DoTheCopy() { var one = document.getElementById("FirstTextArea"); var two = document.getElementById("SecondTextArea"); one.focus(); // so cursor isn't on button just pressed var range1 = document.selection.createRange(); var range2 = document.body.createTextRange(); range2.moveToElementText(one); // count distance from start var

bin_bin1

Thank you so much for your excellent code. It is exactly what I want. I have been trying to figure this out for two days. You really saved me. Thanks for your great help.

T1TAN

Errr:doh:, this might seem silly, but have you tried anything like this: var pos; pos = TextArea1.caretPos; or even put var pos somewhere outside your function. I's worth a shot, considering IE's bug consistency.. ;) Another thing, you might try checking out CP's discussion board page source when you're posting stuff, they're also using JS for textarea (or so it seems:)) Good luck:cool: --- http://sprdsoft.cmar-net.org - We Sprd You Softly Our site features contents and several images. Better check it out before the site grows even dumber.