欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

在textarea和input光标处插入内容,支持ie

程序员文章站 2022-08-19 17:12:34
项目需求,用户要能够输入和点击外面的公式去插入到textaera中,试了好几种方法,有的是在谷歌下好使,在ie下不好使,最后找到了下面这个方法,目前在ie8以上都可以生效。直接上代码 调用也相当的简单 ......

项目需求,用户要能够输入和点击外面的公式去插入到textaera中,试了好几种方法,有的是在谷歌下好使,在ie下不好使,最后找到了下面这个方法,目前在ie8以上都可以生效。直接上代码

 1 function insertatcursor(myfield, myvalue) {
 2         //ie support
 3         if (document.selection) {
 4             myfield.focus();
 5             sel = document.selection.createrange();
 6             sel.text = myvalue;
 7         }
 8         //mozilla and others
 9         else if (myfield.selectionstart || myfield.selectionstart == '0') {
10             var startpos = myfield.selectionstart;
11             var endpos = myfield.selectionend;
12             myfield.value = myfield.value.substring(0, startpos)
13                     + myvalue
14                     + myfield.value.substring(endpos, myfield.value.length);
15             myfield.selectionstart = startpos + myvalue.length;
16             myfield.selectionend = startpos + myvalue.length;
17         } else {
18             myfield.value += myvalue;
19         }
20     }
21   

调用也相当的简单

insertatcursor(‘dom节点’,‘内容’);