`
liyonghui160com
  • 浏览: 782939 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS在TextArea光标位置插入文字+移动光标到文字末尾

阅读更多

 

 

function insertText(obj,str) {

    if (document.selection) {

        var sel = document.selection.createRange();

        sel.text = str;

    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {

        var startPos = obj.selectionStart,

            endPos = obj.selectionEnd,

            cursorPos = startPos,

            tmpStr = obj.value;

        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);

        cursorPos += str.length;

        obj.selectionStart = obj.selectionEnd = cursorPos;

    } else {

        obj.value += str;

    }

}

function moveEnd(obj){

    obj.focus();

    var len = obj.value.length;

    if (document.selection) {

        var sel = obj.createTextRange();

        sel.moveStart('character',len);

        sel.collapse();

        sel.select();

    } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') {

        obj.selectionStart = obj.selectionEnd = len;

    }


}

 

分享到:
评论

相关推荐

    JS在TextArea光标位置插入文字并实现移动光标到文字末尾

    在处理`<textarea>`光标位置插入文字并移动光标到文字末尾的操作时,主要涉及两个关键属性:`selectionStart`和`selectionEnd`,以及在IE中使用的`document.selection`对象。 `selectionStart`和`selectionEnd`是...

    JavaScript获取,设置光标位置,兼容InputTextArea

    在JavaScript编程中,获取和设置光标位置是常见的需求,特别是在与用户交互的表单元素如`<input>`和`<textarea>`中。这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将...

    javascript 在光标处插入指定内容

    在JavaScript中,向文本输入框或者富文本编辑器在光标位置插入特定内容是一项常见的需求。这涉及到对DOM(文档对象模型)的操作以及对文本选取的理解。以下将详细阐述实现这个功能所需的知识点。 首先,我们需要...

    javascript获得光标所在的文本框(text/textarea)中的位置

    在JavaScript中,获取光标在文本框(text)或文本区域(textarea)中的位置是一项常见的需求,这在处理用户输入时非常有用。标题和描述提到的`js 光标 文本框`,就是指通过JavaScript实现对文本输入光标的定位和获取...

    javascript get cursor

    在JavaScript中,获取和操作光标位置是前端开发中常见的需求,这主要涉及到文本输入框(`<input>`或`<textarea>`)中的光标管理。`get cursor`这个话题通常指的是如何获取用户在文本输入元素中当前光标的索引位置,...

    Vue中div contenteditable 的光标定位方法

    在Vue.js框架中,我们经常需要创建可以编辑的富文本界面。为了让用户在div元素中输入内容,我们可以给这个div元素添加`contenteditable`属性。然而,当我们在Vue组件中处理这种输入时,经常遇到光标定位的问题,尤其...

    js移动焦点到最后位置的简单方法

    在JavaScript编程中,有时我们需要对输入框(input)或文本区域(textarea)进行操作,确保当用户聚焦到这些元素时,光标会自动移动到最后,这样用户可以直接开始输入,而无需手动滚动到文本末尾。这种方法可以提升...

Global site tag (gtag.js) - Google Analytics