Obtener número de línea en el área de texto

Question

Duplicar posibles:
Find out the 'line' (row) number of the cursor in a textarea

Quiero averiguar el número de línea que el cursor de un usuario en un sobre en textarea elemento HTML.

¿Es esto posible usar javascript y jquery?

Answer 1

Esto funciona con botón de clic. Robado de Find out the 'line' (row) number of the cursor in a textarea

​function getline() 
{ 
    var t = $("#t")[0]; 
    alert(t.value.substr(0, t.selectionStart).split("\n").length); 
}​ 

HTML

​<textarea rows="6" id="t"> 
there is no 
love in the ghetto 
so come here 
and get it 
</textarea> 
<input type="button" onclick="getline()" value="get line" />​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Answer 2

Puede utilizar el siguiente enfoque

1. Find the caret positio n (índice).
2. Encuentra la subcadena de la posición 0 a
índice
3. Búsqueda de número de nuevas líneas en la subcadena obtenidos en el paso 2.

// Prueba

$(function() { 
    $('#test').keyup(function() { 
     var pos = 0; 
     if (this.selectionStart) { 
      pos = this.selectionStart; 
     } else if (document.selection) { 
      this.focus(); 

      var r = document.selection.createRange(); 
      if (r == null) { 
       pos = 0; 
      } else { 

       var re = this.createTextRange(), 
       rc = re.duplicate(); 
       re.moveToBookmark(r.getBookmark()); 
       rc.setEndPoint('EndToStart', re); 

       pos = rc.text.length; 
      } 
     } 
     $('#c').html(this.value.substr(0, pos).split("\n").length); 
    }); 
}); 
​ 

Aquí es un ejemplo de trabajo http://jsfiddle.net/S2yn3/1/

Answer 3

Esto se puede dividir en tres pasos:

• Caret position in textarea, in characters from the start
• How to get the number of lines in a textarea?/JavaScript: How to add line breaks to an HTML textarea?
• obtener las líneas antes de la intercalación, y contarlos.

Supongo que no desea considerar el texto envolvente y el contenido desplazado. Suponiendo que se utiliza la función de this answer, que sería como:

var el = document.getElementById("inputarea"); // or something 

var pos = getCaret(el), 
    before = el.value.substr(0, pos), 
    lines = before.split(/\r?\n/); 
return lines.length;