range and selection

最新推荐文章于 2021-11-12 16:30:04 发布
最新推荐文章于 2021-11-12 16:30:04 发布
阅读量47 收藏
点赞数
原文链接：http://www.cnblogs.com/argb/archive/2011/11/26/2264550.html
版权
1、通过document.createRange方法创建的Range无法正确执行createContextualFragment，需要document.getSelection().getRangeAt(0).createContextualFragment这样才行；

2、document.createRange得到的range也无法直接insertNode进去一个documentFragment;比如f=range.createContextualFragment('<div>的解放路</div>');range.isertNode(f)会报错;

3、selection的focusNode会因为addRange的调用而改变， 变成新加入的range的endContainer,但是在addRange之后再设置range的endContainer,selection的focusNode保持不变。

 

转载于:https://www.cnblogs.com/argb/archive/2011/11/26/2264550.html

weixin_34150224
关注
原生js实现可添加、删除的行
yin_953280563的博客
12-28 451
原生js实现可添加、删除的行 前端萌新学习笔记，不喜勿喷。 首先你需要一个乘放可编辑行的容器，可能它长下面这样，也可能不长这样 <div class="container"></div> 初始化方法时需要给容器添加一行 function init(){ //获取容器dom节点，添加行 } init(); 新增一行时，需要向点击的span的父元素后添加一...
createRange初探
sunceenjoy的专栏
05-24 3391
<br /> Range 对象的一个代码片段，用createRange()来创建.ie浏览器目前暂不支持，我们要在firefox下使用。<br /> <br />obj.createRange();//这样就生成一个在obj文档的一个区域，所谓区域就是就是该文档的一部分，比如我们用鼠标选中文字或页面的一部分的时候，这就是区域的概念。通过创建range对象后，我们可以对该区域进行增删操作，也可以修改该区域的开始和结束范围等等。具体看下面的代码:<br /> <br /><div id="ok" style="
HTML5 编辑 API 之 Range 对象
sleepwalker_1992的专栏
05-24 570
在 HTML5 中，一个 Range 对象代表页面上的一段连续区域，通过 Range 对象，可以获取或修改页面上的任何区域。 核心内容： 1.selectNode 选择的是元素及元素内容 2.selectNodeContents 选择的是元素中的内容 3.deleteContents 删除选中的区域 4.setStart 5.setEnd 6.setStartBefore 7.se...
解决Ext在ie9报错：不支持extjs对象的“createContextualFragment属性或方法
weixin_34163741的博客
03-26 102
2019独角兽企业重金招聘Python工程师标准>>> ...
js中获取光标所在位置并插入内容
举个锤子的博客
08-27 878
关于selection和range的一些认识 原文链接：https://zhuanlan.zhihu.com/p/44970200 相关代码 function insertContent() { let contentHtml = '<p>插入一个p标签</p>'; // console.log(imgHtml); insertHtmlAtCaret(contentHtml); } function insertHtmlAtCaret(html) {
about selection and range
weixin_34088598的博客
12-07 55
The fundamental difference is that aSelectionrepresents the user's selection, whileRangerepresents a continuous part of a documentindependently of any visual representation. ASelectioncan (almost...
web dom api中的Selection和Range
嘿嘿
02-18 579
web dom api中的Selection和Range 如果你做过wysiwyg这样的app,一个很让人头疼的问题是如何保证执行bold,italic等格式化操作后保持先前鼠标所在的位置。要好好的解决这个问题，就必须将Selection和Range的api搞搞清楚。 https://javascript.info/selection-range Selection and Range js可以获得当前的选中区域信息，可以选择或者去选择部分或者全部内容，清楚document中的选中部分，使用一个心的
range.addRange()函数无效
ZF的博客
11-12 1391
新版本chrome（我的是95版本）已经删除了range对象的内置函数addRange，但执行此方法时，不会报错，打断点，执行到addRange时会提示The behavior that Selection.addRange() merges existing Range and the specified Range was removed 解决： 换成range对象里面的setEnd和setStart方法： const sel = window.getSelection() const range =
Retrieving aerosol backscattering coefficient for short range lidar using parameter selection at reference point
02-09
A new method is proposed based on the analysis of lidar equation which selects ... The method is applied to short range lidars, such as atmospheric monitoring lidar-2 (AML-2) and micro-pulse lidar (MPL).
java selection 学习
03-09
### Java Selection 学习知识点详解 #### 一、Java 基础背景学习及面向对象的程序设计概览 在本章节中，我们将探讨Java语言的基础背景及其在面向对象编程中的应用。Java作为一种广泛使用的高级编程语言，在软件...
uint8 vs. int8: Performance Comparison and Optimal Data Type Selection
Data types in computer programming define the range, precision, and representation of values that variables or constants can store. There are various data types in computer systems, each with its ...
JavaScript标准Selection操作
weixin_34080951的博客
06-25 1050
简介 selection是对当前激活选中区（即高亮文本）进行操作。 在非IE浏览器（Firefox、Safari、Chrome、Opera）下可以使用window.getSelection()获得selection对象，本文讲述的是标准的selection操作方法。文中绝大部分内容来自https://developer.mozilla.org/en/DOM/Selection 术语 ...
Range("A149").Select Range("B1").Select Selection.End(xlDown).Select
03-30
These lines of code will select cell A149, then select cell B1, and finally select the last non-empty cell in the column B using the End(xlDown) method. Note: It is generally not recommended to use ...
createContextualFragment 方法
dragonlkl的博客
08-31 2763
createContextualFragment 方法 使用 createContextualFragment() 方法，可以在将文档对象模型 (DOM) 范围的起始节点作为分析上下文的情况下，将 HTML 字符串分析为DocumentFragment。与将标记插入 innerHTML 不同，该方法可用于创建预分析的内容，这些内容可在以后需要时添加或插入到文档中。 create
Range对象
一个有味道的Weber
09-29 2154
一、Range对象属性 属性值 说明 Range.collapsed 用于判断Range对象所代表的区域的开始点与结束点是否处于相同的位置，如果相同该属性值返回true Range.commonAncestorContainer 用于返回Range对象所代表的区域位于什么节点之中，该属性值为包含了该区域的最低层节点(一个节点可能是一个元素，也可能是一段完整文字)的节点 Ra
南京工业大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-04
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）.zip
10-04
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）
基于Java开发的智能文件管家设计源码
最新发布
10-04
该项目是一款基于Java的智能文件管家设计源码，涵盖102个文件，包括29个Java源文件、27个类文件、19个XML配置文件、10个YAML文件、8个列表文件、4个属性文件、4个JAR包文件以及1个Git忽略文件。该系统旨在提供高效便捷的文件管理解决方案。
基于YoloV8的简单目标检测和跟踪，使用KMNET进行鼠标移动（处理多目标移动抖动，处理鼠标平滑移动）.zip
10-04
基于YoloV8的简单目标检测和跟踪，使用KMNET进行鼠标移动（处理多目标移动抖动，处理鼠标平滑移动）
Statistics and Machine Learning Toolbox
04-02
It includes a wide range of algorithms and techniques, such as regression analysis, classification, clustering, and dimensionality reduction, as well as tools for data preprocessing and feature ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值