码迷,mamicode.com
首页 > Web开发 > 详细

js在光标处插入内容

时间:2018-01-19 14:03:00      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:pos   默认   获取   def   fine   src   set   get   位置   

//场景一 简易的页面可以这样写
var range = window.getSelection().getRangeAt(0);
range.insertNode(document.createTextNode("插入的值"));

 

//场景二 如果需要插入HTML文本,考虑到在弹出框中插入的场景,因此修改为如下方式
var range;//记录光标位置对象
var node = window.getSelection().anchorNode;
// 这里判断是做是否有光标判断,因为弹出框默认是没有的
if(node!=null){
range = window.getSelection().getRangeAt(0);// 获取光标起始位置
}else{
  range = undefined;
}
var doc = document.createElement("img");//创建节点对象
doc.setAttribute("src", imgSrc);//给节点对象添加属性
range.insertNode(doc);// 在光标位置插入该对象

js在光标处插入内容

标签:pos   默认   获取   def   fine   src   set   get   位置   

原文地址:https://www.cnblogs.com/liubingboke/p/8316081.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!