Find out the ‘line’ (row) number of the cursor in a textarea

by

You would want to use selectionStart to do this.

<textarea onkeyup="getLineNumber(this, document.getElementById('lineNo'));" onmouseup="this.onkeyup();"></textarea>
<div id="lineNo"></div>

<script>

    function getLineNumber(textarea, indicator) {

        indicator.innerHTML = textarea.value.substr(0, textarea.selectionStart).split("\n").length;
    }

</script>

This works when you change the cursor position using the mouse as well.

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 get selected text from a textbox control with JavaScript
  5. How to impose maxlength on textArea in HTML using JavaScript
  6. How to add line breaks to an HTML textarea
  7. Chrome counts characters wrong in textarea with maxlength attribute
  8. How do you get the cursor position in a textarea?
  9. finding “line-breaks” in textarea that is word-wrapping ARABIC text
  10. Use tab to indent in textarea
  11. textarea character limit
  12. How to get number of rows in using JavaScript?
  13. Limit number of lines in textarea and Display line count using jQuery
  14. Understanding what goes on with textarea selection with JavaScript
  15. Limiting number of lines in textarea
  16. How FileReader.readAsText in HTML5 File API works?
  17. jQuery – select all text from a textarea
  18. how to get the value of a textarea in jquery?
  19. Count textarea characters
  20. What is the best way to emulate an HTML input “maxlength” attribute on an HTML textarea?
  21. Dynamically Scrolling a Textarea
  22. How to read line by line of a text area HTML tag
  23. Finding number of lines in an html textarea
  24. Get the offset position of the caret in a textarea in pixels [duplicate]
  25. Twitter bootstrap – Focus on textarea inside a modal on click
  26. Javascript detect scrollbar in textarea
  27. Set cursor to specific position on specific line in a textarea
  28. How to select line of text in textarea
  29. Enter key in textarea
  30. Max characters in textarea with jquery

Leave a Comment