How do I insert text into a textarea at the current cursor position in JavaScript?
12 19175
I do not think you can do that. I do not know of any events that will give you the position of the cursor/carrot in a text field. There is a way to get selected text, and then replace, modify, remove that text.
javascript cannot do it?
ha, that's a new one...
for FF: - function insertText(textBox, strNewText){
-
var tb = textBox;
-
var first = tb.value.slice(0, tb.selectionStart);
-
var second = tb.value.slice(tb.selectionStart);
-
tb.value = first + strNewText + second;
-
}
an ie version is far more complicated, do you need it?
javascript cannot do it?
ha, that's a new one...
for FF: - function insertText(textBox, strNewText){
-
var tb = textBox;
-
var first = tb.value.slice(0, tb.selectionStart);
-
var second = tb.value.slice(tb.selectionStart);
-
tb.value = first + strNewText + second;
-
}
an ie version is far more complicated, do you need it?
I've got something that kind-of works in IE. It's a little buggy, but I haven't had time to work out the bugs yet. If you've got something that works in IE, I'd be happy to see it.
I've got something that kind-of works in IE. It's a little buggy, but I haven't had time to work out the bugs yet. If you've got something that works in IE, I'd be happy to see it.
well i threw the firefox code together off the top of my head.
turns out i guess i don't have an ie version of this.
i have code that happily wraps (fore example) "<b>xxx</b>" around selected text in a textarea, but if there is no selection at all, it doesn't work.
one crappy workaround i thought up would be to use execCommand("paste") to insert the clipboard into the text. haven't tested this on textareas though.
you could use another function to gain raw access to the clipboard from javascript : - function CB() //sets or read clipboard in IE accepts 1 arg to set, returns cb when empty
-
{
-
if (arguments.length) {window.clipboardData.setData('Text', arguments[0])}
-
else { return window.clipboardData.getData('Text')}
-
}//end CB
using it, you could then
1. backup the current clipboard text to a var
2. set the clipboard to the string to be inserted.
3. execCommand("paste")
4. set the clipboard to the var from step 1.
this could ruin the user's clipboard if he has for instance, and image or file on the clipboard, but would be ok if he had just plain text.
well i threw the firefox code together off the top of my head.
turns out i guess i don't have an ie version of this.
i have code that happily wraps (fore example) "<b>xxx</b>" around selected text in a textarea, but if there is no selection at all, it doesn't work.
one crappy workaround i thought up would be to use execCommand("paste") to insert the clipboard into the text. haven't tested this on textareas though.
you could use another function to gain raw access to the clipboard from javascript: - function CB() //sets or read clipboard in IE accepts 1 arg to set, returns cb when empty
-
{
-
if (arguments.length) {window.clipboardData.setData('Text', arguments[0])}
-
else { return window.clipboardData.getData('Text')}
-
}//end CB
using it, you could then
1. backup the current clipboard text to a var
2. set the clipboard to the string to be inserted.
3. execCommand("paste")
4. set the clipboard to the var from step 1.
this could ruin the user's clipboard if he has for instance, and image or file on the clipboard, but would be ok if he had just plain text.
In addition, the user would be prompted with an annoying message asking them if the application can have access to their clipboard... so that rules that option out.
In addition, the user would be prompted with an annoying message asking them if the application can have access to their clipboard... so that rules that option out.
bummer.
it sucks that IE has this limitation.
just one more thought:
IE supports VBscript.
VBscript has a sendkeys method.
perhaps you could send a weird char or two to the input, like "^~^" at the cursor.
you could then run a simple replace on the whole value to "insert" the text.
i don't know enough about vbscript to throw together some code, but you should be able to use both languages on the same page. you might need to staple it together using a hidden input.
and easy way to talk between js and vb is to use input.value (easily accessible from both) to pass a string. you can bind both vb and js event to the same input.
each half of the code should only be a couple lines.
just an idea, not sure if it's a good one.
IE supports VBscript.
VBscript has a sendkeys method.
perhaps you could send a weird char or two to the input, like "^~^" at the cursor.
you could then run a simple replace on the whole value to "insert" the text.
Interesting thought... I'll have a play and see what I can come up with.
hooray!
thanks acoder. the article was kinda overkill, but a comment posted on the page revealed the gem below.
this seems to work as long as textarea is in focus: -
var text = "hello world"
-
document.selection.createRange().text=text;
if used from a button, clicking the button will blur the textarea.
give it a textAreaObject.focus() right before to be safe.
hooray!
thanks acoder. the article was kinda overkill, but a comment posted on the page revealed the gem below.
this seems to work as long as textarea is in focus: -
var text = "hello world"
-
document.selection.createRange().text=text;
if used from a button, clicking the button will blur the textarea.
give it a textAreaObject.focus() right before to be safe.
Thanks guys, that's kind of what I have, it's just a little buggy...
What problems are you having with it?
Have you tried the link in the thread posted by Frinavale?
Sign in to post your reply or Sign up for a free account.
Similar topics
by: M Wells |
last post by:
Hi All,
I've been checking the online javascript libraries for code that will
show me how to insert characters at the current cursor point in a
textarea form field to help me markup content I...
|
by: Thomas |
last post by:
Hi there,
I'd like to insert a text into a textarea at the current cursor position
when you click on a button, but I only found out how to insert a text at
the end of the textarea. Is it...
|
by: Dave Hammond |
last post by:
I have an html element (a link) with an onclick handler which opens a
popup window, and would like to position that window at the coordinates
where the element appears on the page. I have...
|
by: Matt Tapia |
last post by:
Is there a way to insert text into a multi-row textbox where the cursor
position is at in the multi-row textbox?
Just wondering
|
by: Matt Tapia |
last post by:
Is there a way to insert text into a multi-row textbox where the cursor
position is at in the multi-row textbox?
Just wondering..I was told I could use the SelectedText property however I
get...
|
by: tony |
last post by:
Hello!
Assume I catch a double click in a form by using the event handler that
forms designer create for me.
Now to my question when I double click in the form the event handler is
trigged...
|
by: b |
last post by:
I've seen a lot of posts on this for textarea's and textboxes such as
here:
http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript
but does anyone know how to insert text...
|
by: samsanjay |
last post by:
Hi everyone,
I m a beginner in C#. I m working to create an editor in C#. I want to display the current cursor position in statusbar..
How to find the richtextbox current cursor postion...?
|
by: ziycon |
last post by:
I'm using the below function to add in a <br/> tag to the cusrors current position when the button is clicked, its adding in the <br/> at the begining everytime and not where the cursor is, I'm...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |