Question

我正在寻找一种方法来显示随光标移动的文本（提示）。有没有办法用GWT或原生HTML5？

Answer 1

可以使用直接的CSS和HTML来执行工具提示（如果这就是您要查找的内容）。

我无法确认我以前使用过这个，但代码是这样的：

<强> HTML

<p>I <span data-tooltip=", really" class="tooltip">really</span> like pie.</p>

<强> CSS

.tooltip:hover:after { content: attr(data-tooltip); }

Here's a jsFiddle to play with.

Answer 2

在GWT中，使用CSS样式“position：absolute”创建一个Label。将MouseMoveHandler附加到它。在此处理程序中，设置标签位于光标旁边的位置。当您希望它出现时，请不要忘记将此标签添加到视图中。

Label label = new Label("My hint that moves");
label.getElement().getStyle().setPosition(Position.ABSOLUTE);

label.addMouseMoveHandler(new MouseMoveHandler() {
    @Override
    public void onMouseMove(MouseMoveEvent event) {
        label.getElement().getStyle().setTop(event.getClientY(), Unit.PX);
        label.getElement().getStyle().setLeft(event.getClientX(), Unit.PX);
    }
}

Answer 3

只需在任何html标记中使用HTML title 属性，如下所示：

<p title="I'm giving you a hint!">text</p>

HTML5：在光标附近显示提示文本

3 个答案: