textarea元素中又该如何获取

对于textarea元素，获取光标位置的方式与input类型稍有不同，因为textarea没有内置的`selectionStart`和`selectionEnd`属性。你可以通过创建一个新的`Range`对象并配合`focusNode`和`lastChild`属性来获取光标位置。以下是基本步骤：

1. 获取textarea元素和其当前选区范围（如果有的话）：

   var textarea = document.querySelector('textarea');
   var range = window.getSelection ? window.getSelection() : document.selection.createRange(); // IE兼容

2. 创建一个新的Range对象，并将它放在textarea节点上：

   if (range) {
       var rangeObj = document.createRange();
       rangeObj.selectNodeContents(textarea);
   } else {
       rangeObj = textarea.createTextRange();
   }

3. 获取光标位置（在IE下，这是相对到文档的位置；在现代浏览器中，这是相对于textarea的内容）：

   var start = rangeObj.startOffset; // 对于IE，这已经是相对于textarea的位置
   var end = start + rangeObj.toString().length;

完整的示例：

function getTextAreaCursorPos(textarea) {
    var range = window.getSelection ? window.getSelection() : document.selection.createRange();
    var rangeObj = document.createRange();
    if (range) {
        rangeObj.selectNodeContents(textarea);
    } else {
        rangeObj = textarea.createTextRange();
    }
    var start = rangeObj.startOffset;
    return { start: start, end: start + rangeObj.toString().length };
}

// 调用这个函数来获取textarea的光标位置
var pos = getTextAreaCursorPos(document.getElementById('your-textarea-id'));

请注意，`startOffset`在某些情况下可能需要进一步调整，因为它可能会包括文本节点内的空格等字符。