`

js 在 textarea 光标处插入字符

IE 
阅读更多
        //myField 光标所在的控件名 document.Form.XXX

//myValue 所要插入的值
  function insertAtCursor(myField, myValue) {
 
  // IE
      if (document.selection)  
    {  
    myField.focus();  
    sel = document.selection.createRange();  
  
    sel.text = myValue;  
    sel.select();  
    }  


else if (myField.selectionStart || myField.selectionStart == '0') {
          // MOZILLA/NETSCAPE support

          //起始位置
          var startPos = myField.selectionStart;

          //结束位置
          var endPos = myField.selectionEnd;

          //插入信息
          myField.innerHTML = myField.innerHTML.substring(0, startPos)
              + myValue
              + myField.innerHTML.substring(endPos, myField.innerHTML.length);
      } else {

          //没有焦点的话直接加在TEXTAREA的最后一位
          myField.innerHTML += myValue;
      }
 

}
分享到:
评论
6 楼 lsyx5566 2012-07-07  
if
5 楼 lsyx5566 2012-07-07  
2222
4 楼 lsyx5566 2012-07-07  
3343入433
3 楼 lsyx5566 2012-07-07  
44444
2 楼 lsyx5566 2012-07-07  
而定[b][/b]
1 楼 lsyx5566 2012-07-07  
 

相关推荐

    Textarea在光标停留处插入文字

    标题“Textarea在光标停留处插入文字”涉及到的是如何在`Textarea`中实现文字的动态插入,使得新添加的文字能精确地出现在用户当前光标所在的位置。这通常涉及到JavaScript的DOM操作和事件监听。 在HTML中,`...

    JS在textarea光标处插入文本的小例子

    标题“JS在textarea光标处插入文本的小例子”和描述“本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器”揭示了该文档是关于如何使用JavaScript在网页文本区域(textarea)组件光标所在位置插入...

    通过javascript在光标处插入文本

    通过Javascript在光标处插入文本 在网页开发中,经常需要在文本框中插入文本,特别是在光标处插入文本。下面,我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前,我们需要了解...

    vue获取textarea的光标位置.js

    vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入

    jQuery往textarea中光标所在位置插入文本的方法

    4. 插入文本:在textarea中插入文本涉及到的JavaScript操作包括获取当前光标位置、在光标位置插入字符串、恢复光标焦点等。本文通过判断浏览器类型和版本,使用不同的方法获取和设置光标位置。 5. 文本操作:在...

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

    在JavaScript中,对文本框(TextArea)进行操作是常见的需求,比如在光标位置插入文字并把光标移动到新插入文字的末尾。这里主要涉及两种浏览器环境下的处理方式:IE和其他现代浏览器(Firefox, Chrome, Safari, ...

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

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

    js实现在文本框光标处添加字符的方法介绍

    在JavaScript编程中,有时我们需要实现一个功能,即在用户输入的文本框(input[type="text"] 或 textarea)的光标位置动态插入特定字符。这在创建富文本编辑器、在线表单或者任何需要用户交互输入的场景中非常常见。...

    jQuery插件 文本框、文本域 光标处插入代码

    本主题聚焦于一个特定的jQuery插件,该插件允许开发者在文本框(`<input type="text">`)和文本域(`<textarea>`)中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

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

    ### JavaScript 获取光标所在文本框(text/textarea)中的位置 在前端开发中,经常需要处理用户在文本框(如`<input type="text">`或`<textarea>`)内的输入行为,例如实现自动填充、实时校验等功能时,获取光标的...

    jQuery实现在textarea指定位置插入字符或表情的方法

    本文将深入探讨如何使用jQuery实现在textarea指定位置插入字符或表情的方法,这对于构建具有富文本编辑功能的应用非常有用。 首先,我们要创建一个自定义的jQuery插件方法,名为`insertAtCaret`。这个方法会接受一...

    javascript控制在光标位置插入文字适合表情的插入

    标题中的"javascript控制在光标位置插入文字适合表情的插入"描述了一种使用JavaScript实现的功能,即在文本框(textarea)的当前光标位置插入特定的文字或表情。这个功能常见于许多聊天应用或编辑器中,允许用户在...

    jquery textarea插入gif动态QQ表情图片表单提交

    这会在textarea的当前光标位置插入表情。 至于表单提交,当用户完成输入并点击提交按钮时,需要获取textarea的值,包括插入的表情。由于表达式是自定义的字符串,服务器端需要解析这些字符串来显示对应的gif图片。...

    js插入字符到textarea的效果代码

    在JavaScript中,向`textarea`元素插入字符是一项常见的任务,特别是在网页交互或表单处理中。下面我们将详细探讨如何实现这个功能,以及相关的知识点。 首先,`textarea`是HTML中的一个表单元素,用于用户输入多行...

    javascript在一段文字中的光标处插入其他文字

    ### JavaScript在一段文字中的光标处插入其他文字 在网页开发过程中,经常需要实现用户交互功能,其中一种常见的需求就是在文本框中特定位置插入文本。本文将详细介绍如何使用JavaScript实现在一段文字中的光标处...

    textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)

    在JavaScript中,实现一个在文本框(`<textarea>`)中光标位置插入字符的功能,需要考虑到不同浏览器的兼容性问题。主要涉及到两种主要的浏览器:Internet Explorer (IE) 和非IE浏览器,如Firefox。IE浏览器使用的是...

    js 获取光标在文本框中的位置

    在JavaScript中,获取光标在文本框(input[type="text"]或textarea)中的位置是一项常见的需求,这在处理用户输入或者实现某些特定功能时非常有用。以下是一些关于如何使用JavaScript来实现这一功能的关键知识点: ...

Global site tag (gtag.js) - Google Analytics