在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节点’,‘内容’);