More than 5 years have passed since last update.

contenteditable でキャレットを先頭と末尾に移動させる

Posted at 2019-02-17

contenteditable でキャレットを先頭と最後に移動させる方法

キャレットを先頭に移動

const target = document.getElementById('example')
const node = target.childNodes[0]
const editorRange = document.createRange()
const editorSel = window.getSelection()
editorRange.setStart(node, 0)
editorRange.collapse(true)
editorSel.removeAllRanges()
editorSel.addRange(editorRange)

キャレットを末尾に移動

const target = document.getElementById('example')
const p = target.childNodes[target.childNodes.length - 1]
const node = p.childNodes[p.childNodes.length - 1]
const editorRange = document.createRange()
const editorSel = window.getSelection()
editorRange.setStart(node, node.childNodes.length ? node.childNodes.length : node.length)
editorRange.collapse(true)
editorSel.removeAllRanges()
editorSel.addRange(editorRange)

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up