js 获取 textarea 光标所在行的开头有多少空格

Posted 2023-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 获取 textarea 光标所在行的开头有多少空格相关的知识，希望对你有一定的参考价值。

比如这个，我想获取光标所在行（就是第二行）的开头有几个空格
------目前我已经想到了一个办法，解决思路如下：
//获取光标前的内容，index是光标的位置（光标的位置百度下）
var val=$("#editable").val().substr(0,index);
//获取光标所在行的信息
var hang=val.substr(val.lastIndexOf("\n")+1);
var len=0;
for ( var int = 0; int < hang.length; int++)
if(hang.charAt(int)===" ")//判断是否是空格
len++; //计算开头的空格数
else
break;

如果有更好的办法请继续回复我，3Q！！！

// textarea的id为test，修改一下
var t = document.getElementById('test');
t.onclick = function ()
  var v = this.value;
  // 开始到光标位置的内容
  var cv = '';
  if ('selectionStart' in t)
      cv = v.substr(0, t.selectionStart);
   else
    var oSel = document.selection.createRange();
    oSel.moveStart('character', -t.value.length);
    cv = oSel.text;

  // 获取当前是几行
  var cl = cv.split('\\n').length - 1;
  // 当前行的内容
  var clv = v.split('\\n')[cl];
  // 获取空格数量
  var spaceCount = clv.replace(/^(\\s*).*/, '$1').length;
  alert(spaceCount);

追问

replace(/^(\s*).*/, '$1').length;
这个是算开头的空格数吗？

追答

对

参考技术A 我智能得出有几行，楼下补充！参考技术B 使用正则匹配哦