firefox下光标处插入文本
做可视化编辑的器的时候突然发现一个问题,原来在TEXTAREA里面,FF的做法是:
var rangeStart=textObj.selectionStart;
var rangeEnd=textObj.selectionEnd;
var tempStr1=textObj.value.substring(0,rangeStart);
var tempStr2=textObj.value.substring(rangeEnd);
textObj.value=tempStr1+textFeildValue+tempStr2;
textObj.focus();
var len=textFeildValue.length;
textObj.setSelectionRange(rangeStart+len,rangeStart+len);
textObj.blur();
textObj是文本域对象(节点),下面也一样,是iframe对象。textFeildValue是你要插入的文本.下面是ht.
但selectionStart和selectionEnd只是针对文本和input域的。现在是iframe。所以只能从新找个法子。结果某网友说在FCK里有很好的办法,试了一下,OK:
var oSel = textObj.getSelection();
var oRange = oSel.getRangeAt(0);
var oFragment = oRange.createContextualFragment(ht) ;
var oLastNode = oFragment.lastChild ;
oRange.insertNode(oFragment) ;
oRange.setEndAfter( oLastNode ) ;
oRange.setStartAfter( oLastNode ) ;
oSel.removeAllRanges() ;
oSel = textObj.getSelection();
oSel.addRange( oRange ) ;
之前用getRangeAt,因为没有打印出任何东西,所以觉得没用,但看了这段代码,算是明白了!
转载于:https://www.cnblogs.com/21dacia/archive/2009/02/12/1389333.html
firefox下光标处插入文本相关推荐
- jQuery实现在光标处插入文本
jquery.caretInsert.js : Code jQuery.extend({ /** * 清除当前选择内容 */ unselectCo ...
- contentEditable,window.getSelection详解---可编辑div,容器,设置/获取光标位置,光标处插入内容及光标的操作
这周碰到一个东西,contentEditable ,它是用来指定一个元素是否是可编辑的,这也是富文本编辑器实现的底层支持,网上关于这部分东西的资料比较少或者不全,所以我来整理下关于这个属性,和可编辑区 ...
- ComponentOne Wijmo Editor 在光标处添加文本
ComponentOne Wijmo Editor 是一款强大的HTML 编辑器,可以插入table, p_w_picpath, links 等标签,但是没有在光标处直接插入标签的功能.但是,现在Wi ...
- 使用JS在textarea在光标处插入内容
为什么80%的码农都做不了架构师?>>> // 在光标处插入字符串// myField 文本框对象// myValue 要插入的值function insertAtCursor ...
- ComponentOne Wijmo HTML Editor 在光标处添加文本
ComponentOne Wijmo Editor 是一款强大的HTML 编辑器,可以插入table, image, links 等标签,但是没有在光标处直接插入标签的功能.但是,现在Wijmo Ed ...
- java文本框光标后添加图片_由编辑器从光标处插入图片(失去焦点后仍然可以在原位置插入)实现的富文本编辑器...
大家都知道,如果只是大概的实现一个简单的富文本编辑器,直接用execCommand就可以了,虽然不同浏览器对execCommand命令的反应不一样,最后效果是差不多的.当然,如果要严谨的,用像uedi ...
- js在PageOffice打开的Word文档光标处插入书签
在使用Word时,如果内容过多有时为了快速定位到内容的某一处或某一部分怎会在该处添加书签.Word中的书签可以通过工具栏手动添加或删除,也可以通过后台程序结合JS函数在当前光标处插入书签,或根据书签名 ...
- html文本框光标位置,html的文本框显示光标 如何在htmlText文本框光标处插入字符...
HTML 如何设置文本框中光标位置和光标居中 我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...
- 银河麒麟V10桌面系统卡于光标处无法进入系统解决方法
银河麒麟V10桌面系统若遇到卡在光标处无法进入系统的状况,可进单用户尝试修复下分区. 1.进入单用户模式 重启机器,开机引导选第三个高级选项 第三个选项进入后,再选择第二个选择 等待片刻,系统会加载到 ...
最新文章
- VS2015 MFC属性页孙鑫笔记
- 数据智能构建管理平台Dataphin V2.9.4.3版本发布
- .NET静态类的概念
- 每日一天:对象数组去重
- lumanager mysql密码_LuManager单独安装mysqli
- LeetCode-26 删除排序数组中的重复项
- PCB名詞解釋:通孔、盲孔、埋孔(转载)
- JAVA使用URLEncoder、URLDecoder编码解码
- 服务器上文件添加可信任,如何将服务器配置为受信任以进行委派
- 关于DCMM评估模型的全面解析
- iOS 9.3.5 越狱
- XCode8编译失败问题
- 黄太吉如何把煎饼卖到4000万估值
- 微信公众平台开发入门教程
- 移动最快apn服务器,中国移动修改APN为CMTDS提高4G网速
- 计算机基础常用缩略语
- Springboot - retry机制简介以及踩过的坑
- 江南大学C语言大作业,TCPIP大作业基于TCP的网络通信编程C语言版(江南大学).doc...
- JAVA8新特性的总结
- 计算机应用基础教学进度表,《计算机应用基础》教学计划及教学进度
热门文章
- java excel工程_java工程積累——向office致敬:有一種依賴叫excel
- Python——匿名函数lambda
- 一加7pro运动计步功能_系统:一加推送一加7Pro的氢OS9.5.9系统版本更新,继续优化屏幕...
- EOS Nation更新“flash.sx遭攻击”进展:将建议MSIG根据快照将资金退还
- 动漫品牌“爆笑虫子”宣布与xNFT Protocol战略合作,开发NFT数字卡牌游戏
- Hashmasks将其艺术品与IPFS固定激励一起存储至Arweave中
- A股开盘:深证区块链50指数涨0.91%,美邦服饰涨停
- SAP License:基于成本的获利分析表CE1-CE4
- SAP License:20个公司绝对不会告诉你的潜规则
- 20110123 - 调试时IDE的匪夷所思行为