如何从特定节点创建 DOMSelection 对象
how do I create a DOMSelection object from a specific node?
我的javascript不是那么好,所以我只能希望这是有意义的。 我想创建一个 DOMSelection 对象,就像从中返回的对象一样
window.getSelection()
因此,假设我有这样的jQuery侦听器设置:
$("#target").click(function() {
var sel = createSelectionFromNode(this);
});
我只希望范围从节点的开头到节点的结束。 有没有简单的方法可以做到这一点? 我专门寻找与WebKit兼容的解决方案,可以忽略IE。 感谢您的任何帮助。
示例:http://jsfiddle.net/8j4Bf/
在示例中,单击文本应返回一个 DOMSelection 对象,如下所示:
DOMSelection
anchorNode: Text
attributes: null
baseURI: "http://jsfiddle.net/8j4Bf/"
childNodes: NodeList[0]
data: "HTML"
firstChild: null
lastChild: null
length: 4
localName: null
namespaceURI: null
nextSibling: null
nodeName: "#text"
nodeType: 3
nodeValue: "HTML"
ownerDocument: HTMLDocument
parentElement: HTMLSpanElement
parentNode: HTMLSpanElement
prefix: null
previousSibling: null
textContent: "HTML"
wholeText: "HTML"
__proto__: Text
anchorOffset: 0
baseNode: Text
baseOffset: 0
extentNode: Text
extentOffset: 0
focusNode: Text
attributes: null
baseURI: "http://jsfiddle.net/8j4Bf/"
childNodes: NodeList[0]
data: "HTML"
firstChild: null
lastChild: null
length: 4
localName: null
namespaceURI: null
nextSibling: null
nodeName: "#text"
nodeType: 3
nodeValue: "HTML"
ownerDocument: HTMLDocument
parentElement: HTMLSpanElement
parentNode: HTMLSpanElement
prefix: null
previousSibling: null
textContent: "HTML"
wholeText: "HTML"
__proto__: Text
focusOffset: 0
isCollapsed: true
rangeCount: 1
type: "Caret"
你在寻找类似 document.getSelection() 的东西吗?我有点困惑,所以我提前道歉。
例:
http://jsfiddle.net/8j4Bf/1/
https://developer.mozilla.org/en/DOM/document.getSelection
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 为effect Composer创建GodRays效果过程
- 从javascript创建一个列表
- onkeyup无法动态创建多个文本区域
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何访问声音管理器2创建的声音对象
- 我已经创建了一个jquery转盘,并使用if条件来运行和停止转盘
- Kendo:我该如何在树视图中创建一个递归的hieiarchy
- 使用Facebook live API创建实时视频对象时的隐私设置
- 在动态创建的元素上获取对特定选择器的引用
- 如何创建带有插槽的vue js组件预加载程序
- 如何在创建键时引用来自同一对象的键
- 如何创建JSON数组
- 从html创建一个指令,该指令按类名应用函数
- 使用Javascript创建测验页面
- 更改使用Chart.js创建的图表中的轴线颜色
- JavaScript名称空间和对象创建
- JQuery对动态创建的对象进行选择
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 如何从特定节点创建 DOMSelection 对象