计算一个textarea的当前行的空格数

Question

我怎么能指望在一个textarea

asdf 
    asdf 
asdf 

的当前行的空格数。如果我的光标在2号线电流那么结果应该是：3

Answer 1

下面是代码：

window.onload = function() { 
    var ta = document.getElementById('ta'); //set your textarea's id 
    ta.onclick = function (e) { 
     var lineNo = ta.value.substr(0, ta.selectionStart).split(/\r?\n|\r/).length, 
      lineText = ta.value.split(/\r?\n|\r/)[lineNo - 1], 
      numOfSpaces = lineText.split(/\s/).length - 1; 
     console.log(lineNo, lineText, numOfSpaces); 
    } 
} 

这里是fiddle。

注意：textarea.selectionStart在某些浏览器中不起作用。对于跨浏览器支持，请参阅this post。

Answer 2

您需要拆分textarea的字符串值，然后：

var textString = //pull data from textarea 
var textArray = textString.split("\n"); 
for(var i=0; i<textArray.length; i++) { 
    var count = textArray[i].match(/ /g); //regex to get any number of spaces 
    alert(count.length); 
} 

http://jsfiddle.net/2qfHn/