IE和FF下关于selection和textRange的一些资料

最新推荐文章于 2017-12-19 16:58:08 发布
原创 最新推荐文章于 2017-12-19 16:58:08 发布 · 949 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie

本文档汇集了多个资源链接，介绍如何使用 DOM（文档对象模型）中的 Range 和 Selection 对象来操作文档中的文本片段。这些教程涵盖了不同浏览器下的实现方式，包括创建文本范围、获取选区信息等关键操作。
囧
关注
专栏目录
TextRange对象和selection对象实例
01-14
在早期的Internet Explorer浏览器中，为了方便用户在网页上操作文本（例如复制、粘贴、查找等），开发了一套独特的对象模型来支持这些功能，其中两个核心对象是`TextRange`和`Selection`。这两个对象不仅能够帮助...
关于__defineGetter__ 和__defineSetter__的说明
10-30
关于__defineGetter__和__defineSetter__的说明 __defineGetter__和__defineSetter__是JavaScript中的两个特殊方法，用于在对象定义后添加Getter和Setter方法。Getter是一种获取一个属性的值的方法，Setter是一种...
IE支持的JS的TextRange和selection对象
08-10 315
TextRange对象仅仅IE浏览器支持，Chrome和FF都不支持。 利用TextRange对象，我们可以实现一些与文本有关的任务。比如说，定位，查找。 可以利用createTextRange()方法为input、textarea、body等创建TextRange。例如: var tr = document.body.createTextRange(); TextRange主要的方法有： ...
TextRange对象
wangtong40
06-06 156
因用户要求方与TextRange对象结缘，用于处理JavaScript对象文本部分内容的一个对象。 TextRange是用来表现HTML元素中文字的对象，虽然我们平时不太常用这个对象，可是它却在IE4.0中就已提供了。不过TextRange提供的调用方法却都比较晦涩，那么我们能拿它做些什么呢？  TextRange的传统用途是对用户在Web页上用鼠标圈选的文字内容的操作，比如变化...
IFrame 系列4 ---- document.selection 全方位兼容解析以及TextRange[createTextRange,createRange]对象的深入解析
眷恋天空的驴
03-17 4578
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
javascript 获取光标所选中的内容并插入到另一个文本框中(兼容ie和ff）
weixin_30702413的博客
06-06 269
项目中正好用到 做下笔记方便以后查找 ie获取光标的位置使用document.selection.createRange() 火狐下使用document.getElementById(id).selectionStart 和document.getElementById(id).selectionEnd 假设我们要获得id为txt的Textarea元素里面光标所选择的内容 首先创建一个获...
JS获得textarea的鼠标位置和光标定位在指定位置（IE8/FF）
weixin_33743661的博客
07-22 1414
2019独角兽企业重金招聘Python工程师标准>>> ...
关于光标操作，终于搞定了FF下DIV的光标控制
reedseutozte的专栏
08-01 2737
<br />什么都不说了，直接上代码<br />function getCaretPos(element) { var CaretPos = 0; // IE Support if (document.selection) { element.focus (); //将焦点至于element，并且光标位置不会发生改变 var Sel = document.selection.createRange(); //document.selection可以获
编辑器：关于TextRange 光标定位的问题（求助）
weixin_30349597的博客
06-30 139
关于TextRange 光标定位的问题 目前有一个需求： 编辑器层为一个div 容器如： <div contenteditable="true" style="width: 676px; height: 296px; display: block;" id="content"></div> 在这个容器（#content）里输入一段文字、然后将光标移动到t...
TextRange对象的学习（一）
黄彪博客
12-04 888
这两天为了解决FCKeditor中粘贴弹出“是否允许访问剪贴板的内容”时，无意中接触到了DHTML中的TextRange这个对象（代表 HTML 元素中的文本），对代码很是不明白，才抽时间学习了这个，下面是我在网上找资料并且自己学习心得   $(document).ready( function(){ } ); function rdl_doSele
可编辑的DIV（兼容IE8）以及插入内容到光标位置
canlynetsky的博客
12-19 2194
在做web版聊天程序时，往往需要将一个DIV设置为可编辑状态，并且可以插入表情。 插入表情时，不仅仅是在输入的文字最后追加表情，还可能在输入文本的中间，即光标位置插入表情（光标后还有文本）。 另外，还需要保证粘贴进来的文字必须是纯文本，不然百度搜索一篇文章粘贴进来，就太乱了。我们希望输入的文本都是纯文本，只有最基本的p标签或div标签。 通过各种百度搜索，我在项目中成功实施。 现将项目中的技
IE中的Selection与TextRange对象操作选中内容
"本文主要介绍了在JavaScript中，针对Internet Explorer浏览器特有的一些处理文本选区的方法，包括Selection对象和TextRange对象。这两个对象允许开发者对用户选定的文本进行操作，如获取、设置、修改和扩展等。" ...
处理文本部分内容的TextRange对象应用实例
09-04
尽管在现代浏览器中DOM Range对象更常见，但TextRange对象在处理特定的文本操作时仍然有价值，尤其是在兼容旧版IE浏览器的场景下。 TextRange对象提供了一系列的方法，如`select()`用于选取文本，`collapse()`用于...
【游戏】JavaScript 版俄罗斯方块
Freewind的专栏
04-26 1872
用JavaScript 写的俄罗斯方块, 实现了几个比较简单的功能: 自定义按键, 设置初始速度,难度和方块,换肤功能。布局用的Div+Css演示地址：http://www.cctvJS.net 下载：http://download.youkuaiyun.com/source/430506 程序主要用了三个类, 窗口类、菜单类、游戏类和一个基类。1.基类, 定义了一些常用属性和函数.
【游戏】JavaScript版连连看
Freewind的专栏
02-02 1753
仿照QQ游戏里的连连看做的，功能包括： 一.游戏设置   游戏窗口透明度，游戏声音，背景音乐，游戏速度等设置 二.地图设置   可选择游戏中要玩的地图 三.自定义地图   带一个地图编辑器，可以自已定义地图，并保存到服务器上。 游戏地址：http://www.cctvJS.net/Link/ 兼容：IE6.0/7.0/8.0  FF3.5  Chrome 4.0  Safari 3.0/4.0 
javascript + div 做的滚动条
Freewind的专栏
03-08 1745
// JavaScript Document/**//************************************************************名 称: ScrollBar滚动条类作 者: freewind版 本: v1.0时 间: 2008-02-20修 改: 2008-02-21Email: freewind22@163.com
chrome下用javascript调用download函数出错
Freewind的专栏
06-09 1664
... 调用download函数时出现：Uncaught TypeError: string is not a function 错误，原来download 是html5下元素的一个属性。 参考：http://stackoverflow.com/questions/7852237/cant-use-download-as-a-function-name-in-javascript
javascript 简单图形库
Freewind的专栏
03-08 903
html>head>title>Tetristitle>meta http-equiv="Content-Type" content="text/html; charset=gb2312">style type="text/css">... html, body{...}{margin:0px;} #test{...}{  position:absolute; left:500px; t
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值