JavaScript：当用户用鼠标选择文本时，观察文本选择长度的变化

我正在建立一个网站，用户可以选择文本的某些部分将其翻译成另一种语言。但是有一个限制-如果用户选择的字符串太长，则无法执行翻译。当用户在拖动鼠标选择文本时超过允许的选择长度时，我希望能够更改选择的颜色（通过CSS:：selection）。有没有办法用JavaScript观察所选字符串长度的变化？Mouseup事件将不起作用-关键是警告用户，他们的选择在Mouseup之前太长。

一个解决方案是在mousedown之后开始轮询选择。在

mousedown

的侦听器中，开始以适当的频率定期读取所选内容。然后，在

mouseup

上停止轮询。

一种解决方案是在鼠标向下移动后开始轮询所选内容。在

mousedown

的侦听器中，开始以适当的频率定期读取所选内容。然后，在

mouseup

上停止轮询。

一种解决方案是在鼠标向下移动后开始轮询所选内容。在

mousedown

的侦听器中，开始以适当的频率定期读取所选内容。然后，在

mouseup

上停止轮询。

一种解决方案是在鼠标向下移动后开始轮询所选内容。在

mousedown

的侦听器中，开始以适当的频率定期读取所选内容。然后，在mouseup上停止轮询。

onMouseDown-开始侦听onMouseMove事件

onMouseMove-获取选择并更新样式

---

onMouseUp-删除onMouseMove事件侦听器

onMouseDown-开始侦听onMouseMove事件

onMouseMove-获取选择并更新样式

---

onMouseUp-删除onMouseMove事件侦听器

onMouseDown-开始侦听onMouseMove事件

onMouseMove-获取选择并更新样式

---

onMouseUp-删除onMouseMove事件侦听器

onMouseDown-开始侦听onMouseMove事件

onMouseMove-获取选择并更新样式

onMouseUp-remove onMouseMove event listener

你应该看看这篇文章：你应该看看这篇文章：你应该看看这篇文章：