dom-selection: add
This commit is contained in:
parent
5f68c60374
commit
aa49664dba
|
@ -0,0 +1,54 @@
|
||||||
|
---
|
||||||
|
title: DOM Selection
|
||||||
|
category: JavaScript
|
||||||
|
---
|
||||||
|
|
||||||
|
## Selection
|
||||||
|
See <http://devdocs.io/dom/selection>
|
||||||
|
|
||||||
|
```js
|
||||||
|
var selection = document.getSelection()
|
||||||
|
```
|
||||||
|
|
||||||
|
## Methods
|
||||||
|
|
||||||
|
```js
|
||||||
|
selection
|
||||||
|
.removeAllRanges() // deselects
|
||||||
|
.addRange(range) // sets a selection
|
||||||
|
.removeRange(range) // remove a range
|
||||||
|
```
|
||||||
|
|
||||||
|
```js
|
||||||
|
selection
|
||||||
|
.rangeCount // ranges
|
||||||
|
.getRangeAt(0) // get the 0th range
|
||||||
|
```
|
||||||
|
|
||||||
|
### Collapsing
|
||||||
|
|
||||||
|
```js
|
||||||
|
selection
|
||||||
|
.collapse(parent, offset)
|
||||||
|
.collapseToEnd()
|
||||||
|
.collapseToStart()
|
||||||
|
.isCollapsed
|
||||||
|
```
|
||||||
|
|
||||||
|
```js
|
||||||
|
selection
|
||||||
|
.containsNode(node)
|
||||||
|
```
|
||||||
|
|
||||||
|
### Deleting
|
||||||
|
|
||||||
|
```js
|
||||||
|
selection
|
||||||
|
.deleteFromDocument()
|
||||||
|
```
|
||||||
|
|
||||||
|
### Events
|
||||||
|
|
||||||
|
```js
|
||||||
|
document.addEventListener('selectionchange', () => {})
|
||||||
|
```
|
Loading…
Reference in New Issue