हो रही पंक्ति संख्या में पाठ क्षेत्र

Question

संभव डुप्लिकेट:
Find out the 'line' (row) number of the cursor in a textarea

मैं लाइन नंबर पता लगाना चाहते हैं कि एक HTML textarea तत्व में पर में एक उपयोगकर्ता के कर्सर।

क्या यह जावास्क्रिप्ट और jquery का उपयोग कर संभव है?

Answer 1

यह बटन क्लिक के साथ काम करता है। से 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); 
}​ 

एचटीएमएल चोरी

​<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

आप निम्नलिखित दृष्टिकोण

1. Find the caret positio n (सूचकांक) का उपयोग कर सकते हैं।
2. सूचकांक करने के लिए स्थिति 0 से सबस्ट्रिंग खोजें
-स्ट्रिंग में नई लाइनों चरण में प्राप्त की संख्या के लिए
3. खोजें 2.

// टेस्ट

$(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); 
    }); 
}); 
​ 

यहाँ एक काम कर उदाहरण है http://jsfiddle.net/S2yn3/1/

Answer 3

इसे तीन चरणों में विभाजित किया जा सकता है:

• 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?
• कैरट से पहले लाइनों मिलता है, और उन्हें गिनती।

मुझे लगता है कि आप लिपटे हुए पाठ और स्क्रॉल सामग्री पर विचार नहीं करना चाहते हैं। आप this answer से समारोह का उपयोग मानते हुए, यह होगा की तरह:

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;