If you select any text below beginning at the first character H, it will say the baseOffset of the selection is 5. In my real-life case it says 7. How do I correct this?
JavaScript
x
3
1
setInterval(()=>{2
console.log(window.getSelection().baseOffset);3
}, 250);JavaScript
1
8
1
<!DOCTYPE html>2
<html>3
<body>4
<div id='main'data-alignment="center">5
Hello World!6
</div>7
</body>8
</html>Advertisement
Answer
The result is correct, you have exactly 5 space characters between the end of <div id='main'data-alignment="center"> and the H, these will be counted as offset.
To avoid that, you can wrap your TextNode in a <span> element so that there is no offset.
Also, baseOffset is still not in the official specs, better use anchorOffset which I think does approximately the same thing (but is supported in all browsers).
JavaScript
1
3
1
document.onselectionchange = ()=>{2
console.log(window.getSelection().anchorOffset);3
};JavaScript
1
8
1
<!DOCTYPE html>2
<html>3
<body>4
<div id='main'data-alignment="center">5
<span>Hello World!</span>6
</div>7
</body>8
</html>