`

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  
 

相关推荐

    vue获取textarea的光标位置.js

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

    Selection:处理textarea的选择与选择获取,插入字符等相关操作的小类库

    用来操作textarea的字符选择与获取选择状态的,对textarea插入字符操作的小类库。常用于社交类发布、评论类的操作。 ##1.2、Selection目前有哪儿些内容? 获取字符选择状态 设置字符选择范围 指定位置插入字符 连续...

    jquery.caret:jQuery插件来操纵输入和textarea元素的插入符位置和选择范围

    在光标位置插入文本 用文字替换所选范围 处理浏览器之间的行尾差异 选择/取消选择任何元素中的所有文本 原料药 脱字号 $.fn.caret() 在单个点上询问并操纵输入字段的光标位置,而无需选择任何文本。 .caret()返回...

    程序天下:JavaScript实例自学手册

    3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.29 光标停在文字最后 3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 ...

    编辑器 KindEditor 4.0.4

    Bugfix: [WEBKIT] 在图片、视频、flash等前一个光标处右键,在不选中节点的状态下也能弹出修改属性。 Bugfix: [IE] 编辑器无内容,加粗,切换到代码模式,再回到可视化模式,加粗,JS报错。 Bugfix: [IE] 插入&lt...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    xheditor-1.1.14

    参数值:编辑器所在的根路径,用在某些特殊情况下定位编辑器的根路径,默认为空,读取默认的编辑器根路径 备注:v1.1.0新添加 shortcuts:自定义键盘快捷方式 参数:快捷键对应事件代码的对象数组 示例:{'ctrl+...

    xhEditor编辑器 v0.9.7 简体中文

    7.修正:之前表情插入后默认是选中当前表情,现修正为插入表情后光标定位在表情之后,这样便于在后面继续插入新表情 8.添加:ajax上传功能模块化,使链接、动画和视频在不增加代码大小的情况下都具备上传功能 9....

Global site tag (gtag.js) - Google Analytics