javascript - 显示文本区域的当前行号和列号

Question

我正在我的网络应用程序中创建一个文件编辑界面，我有一个包含文件内容的文本区域。

当文本区域获得焦点时，我想输出光标的位置，即行号和列:这很有用，因为例如错误消息通常会产生行号。

问题是:如何找出光标在textarea中的位置？我正在使用原型(prototype)库。也许已经有解决方案了？

我对那些高级小部件提供的用于文本区域的精美工具栏并不真正感兴趣。

Answer 1

当我想要textarea的当前行号和textarea的当前列时，我是这样解决的:

<textarea  onkeyup="getLineNumberAndColumnIndex(this);" onmouseup="this.onkeyup();" >
</textarea>

function getLineNumberAndColumnIndex(textarea){
     var textLines = textarea.value.substr(0, textarea.selectionStart).split("\n");
     var currentLineNumber = textLines.length;
     var currentColumnIndex = textLines[textLines.length-1].length;
     console.log("Current Line Number "+ currentLineNumber+" Current Column Index "+currentColumnIndex );
  }