如何在 mousedown 事件之前获取 selection.range？

Question

我不明白为什么我无法获得正确的范围对象。我很难解释这个问题。

例如：我有五个 div，每个 div 包含一个短语。从逻辑上讲，如果我在其中一个 div 中触发 mousedown 事件，我可以获得事件目标。好的，这是基本的。

但是，如果我在 mousedown 事件上使用范围对象，则事件目标始终是我点击的，但 range.startContainer 指向前一个 div；

看看这个fiddle：

---

 1 LineLineLine
 2 LineLineLineLineLine
 3 LineLineLineLine
 4 LineLineLine
 5 LineLineLineLine

重现问题的步骤（参见控制台）：

1. 在第一行按住鼠标按钮（控制台说“未定义”[*]）
2. 松开鼠标按钮（Range 现在安全地指向第一行）
3. 在第四行按住鼠标按钮（控制台说“第一行”）
4. 控制台显示上一个点击的行

[*] 未定义，因为文档没有范围 然而，但这无关紧要，因为我可以在飞行中创建一个并将他注入到文档中。

我可以推断出mousedown事件是在范围之前执行的..还是没有？

Answer 1

我不认为你可以在 mousedown 上获得正确的范围，触发器比范围检测更快。你可以使用 mouseup (demo):

$("div.line").mouseup(setPos);

或者添加一个小延迟（demo）：

$("div.line").mousedown(function() {
    setTimeout(setPos, 4);
});