javascript - 如何使用 Javascript 鼠标事件和 CSS 重新创建“突出显示”选择？

Question

我希望重新创建突出显示文本的能力。

突出上面的句子。您看到包围所选文本的蓝色了吗？让您知道那是您选择的文本，一直到字符；我想重新创建它并改变它的颜色。

您如何使用语言中提供的鼠标事件重新创建突出显示 - 也许不完全是？mousedown、mousemove、mouseup 等的某种组合？

选择是如何定义的？是位置性的吗，mousedown 创建一个原点，mouseup 创建一个终点，不同之处在于选择？如果是这样，那么您如何访问该网格信息？

我真的不知道从哪里开始或可以给我任何有用的搜索结果的术语。我的目标是以某种方式将突出显示功能与键盘按钮联系起来，这就是我希望重新创建它的功能的原因。

任何帮助将不胜感激！

score 0 · Accepted Answer

您可以使用此 css 代码更改选择的颜色：

::selection {
    background: #ffb7b7; /* Safari */
}

::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

（示例在这里）

对于其他事情，请查看 Teemus 评论 ( MDN )

1 回答 1