如果我有以下HTML:
<div class="content">
Vivamus <span>luctus</span> urna sed urna ultricies ac tempor dui sagittis.
</div>
Run Code Online (Sandbox Code Playgroud)
我在上面运行一个事件mouseup,看到所选文本的范围:
$(".content").on("mouseup", function () {
var start = window.getSelection().baseOffset;
var end = window.getSelection().focusOffset;
if (start < end) {
var start = window.getSelection().baseOffset;
var end = window.getSelection().focusOffset;
} else {
var start = window.getSelection().focusOffset;
var end = window.getSelection().baseOffset;
}
console.log(window.getSelection());
console.log(start + ", " + end);
});
Run Code Online (Sandbox Code Playgroud)
我Vivamus从内容中选择单词,它将记录1, 8,因为这是选择的范围.
但是,如果我选择单词urna,它将记录15, 20,但不会考虑<span>HTML 的元素.
反正对 …