File: select_range_span_editable.html

package info (click to toggle)
chromium-browser 41.0.2272.118-1
  • links: PTS, VCS
  • area: main
  • in suites: jessie-kfreebsd
  • size: 2,189,132 kB
  • sloc: cpp: 9,691,462; ansic: 3,341,451; python: 712,689; asm: 518,779; xml: 208,926; java: 169,820; sh: 119,353; perl: 68,907; makefile: 28,311; yacc: 13,305; objc: 11,385; tcl: 3,186; cs: 2,225; sql: 2,217; lex: 2,215; lisp: 1,349; pascal: 1,256; awk: 407; ruby: 155; sed: 53; php: 14; exp: 11
file content (19 lines) | stat: -rw-r--r-- 569 bytes parent folder | download | duplicates (26)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<body>
This text won't be selected because it isn't editable.
<span id='target' contenteditable="true">16-char header. This text is initially selected. 16-char footer.</span>
This text won't be selected because it isn't editable.
<script>
    function select() {
        var text = document.getElementById('target').firstChild;
        var range = document.createRange();
        range.setStart(text, 16);
        range.setEnd(text, 48);
        window.getSelection().addRange(range);
    }
    window.onload = select;
</script>
</body>
</html>