Is it possible to make onClick event on content of text area?

Question

I am trying to display XML data in a textarea and trying to make onClick event on content of textarea. For eg.

< textarea >Hello Web, This is simple html page.< / textarea >

Here I want to make onClick event on each 'i' character.

Please help me on this.

No you can't, on the whole for the `` you can do!! and is there any specific reason you doing it? — yashhy, Jan 07 '14 at 09:56
@yashhy can't do that with a textarea, but you can make a div contenteditable and paste the content from your XML, while making all "i" characters anchors, style them and make functionality properly there. — Rosmarine Popcorn, Jan 07 '14 at 09:57
@Raj Like ? Can you prepare a fiddle to illustrate your point ? — Dimitar Dimitrov, Jan 07 '14 at 10:00
@Burimi Yeah!! but its a long process. How abt Sergei answer over here? — yashhy, Jan 07 '14 at 10:01
@DimitarDimitrov I found solution(using caret position in textarea).Anyway thanks for your response. — Manish, Jan 07 '14 at 11:27

score 1 · Accepted Answer · edited May 23 '17 at 10:25

Well, you can't however you can use a little workaround. Add onclik event, and check caret position in the textarea, then you know between what characters it's located.

How to get it described here:

Caret position in textarea, in characters from the start

  textarea.onmouseup = textarea.onkeyup = function () {
    console.log(getCaret(textarea));
  };

it returns and index for textarea value string...

here is fiddle for you:

http://jsfiddle.net/acrashik/ydLKF/1/

Is it possible to make onClick event on content of text area?

1 Answers1