javascript - 使用 HTML/Javascript 在鼠标越过某些选定文本时更改光标类型

Question

我需要在鼠标移到所选文本上时更改光标类型。

在这里你可以找到一张解释性的图片:

Image to explain the type of cursor I want http://img190.imageshack.us/img190/1786/72162829.png

在此示例中，用户必须将一些文本拖到文本区域。由于传统指针不直观，我想使用“移动”指针(光标:指针)。我用 photoshop 制作了这张图片。有谁知道如何在 HTML/CSS/JAVASCRIPT 中实现它？

Answer 1

Selection styles (在 IE 中不支持)是唯一能达到预期效果的东西:

::selection {
    color: red;
    cursor: move;   
}

::-moz-selection {
    color: red;
    cursor: move;
}

...但是，尽管文本变为红色(这只是一个控件)，但光标在 Safari 或 Firefox 中似乎没有变化。但是，如果将文本包装在 HTML 元素中，并将样式应用于该元素(通过 ID 或类)，一切正常。

您可以使用 JavaScript 的 window.getSelection() 解决此问题。方法将所选文本包装在 DOM 元素中，然后为该 DOM 元素设置样式。不过，我不确定这是否可行(而且可能有点老套)。