How to insert text into the textarea at the current cursor position?

by

Use selectionStart/selectionEnd properties of the input element (works for <textarea> as well)

function insertAtCursor(myField, myValue) {
    //IE support
    if (document.selection) {
        myField.focus();
        sel = document.selection.createRange();
        sel.text = myValue;
    }
    //MOZILLA and others
    else if (myField.selectionStart || myField.selectionStart == '0') {
        var startPos = myField.selectionStart;
        var endPos = myField.selectionEnd;
        myField.value = myField.value.substring(0, startPos)
            + myValue
            + myField.value.substring(endPos, myField.value.length);
    } else {
        myField.value += myValue;
    }
}

More Related Contents:

  1. How to get the caret column (not pixels) position in a textarea, in characters, from the start?
  2. Creating a textarea with auto-resize
  3. Rendering HTML inside textarea
  4. How to autosize a textarea using Prototype?
  5. How to get selected text from a textbox control with JavaScript
  6. Chrome counts characters wrong in textarea with maxlength attribute
  7. How do you get the cursor position in a textarea?
  8. finding “line-breaks” in textarea that is word-wrapping ARABIC text
  9. Use tab to indent in textarea
  10. textarea character limit
  11. How to get number of rows in using JavaScript?
  12. Limit number of lines in textarea and Display line count using jQuery
  13. Understanding what goes on with textarea selection with JavaScript
  14. Limiting number of lines in textarea
  15. How FileReader.readAsText in HTML5 File API works?
  16. how to get the value of a textarea in jquery?
  17. Count textarea characters
  18. What is the best way to emulate an HTML input “maxlength” attribute on an HTML textarea?
  19. Find out the ‘line’ (row) number of the cursor in a textarea
  20. Is there a way to make a text area partially editable? (make only portions of the text editable)
  21. How to read line by line of a text area HTML tag
  22. Finding number of lines in an html textarea
  23. CSS Textarea that expands as you type text [duplicate]
  24. Get value from text area [duplicate]
  25. Javascript detect scrollbar in textarea
  26. Set cursor to specific position on specific line in a textarea
  27. How do I make a textarea an ACE editor?
  28. Enter key in textarea
  29. Max characters in textarea with jquery
  30. Find caret position in textarea in pixels [duplicate]

Leave a Comment