html溢出文本hint显示,HTML5：在光标附近显示提示文本(HTML5: Show hint text near to cursor)...

HTML5：在光标附近显示提示文本(HTML5: Show hint text near to cursor)

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

I am looking for a way to show a text (hint) that moves with the cursor. Is there a way to do it with GWT or native HTML5?

原文：https://stackoverflow.com/questions/12341822

更新时间：2019-09-03 11:52

最满意答案

可以使用直接的CSS和HTML来执行工具提示(如果这是您正在寻找的)。

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

HTML

I really like pie.

CSS

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

There is the ability to do tooltips (if that's what you're looking for) with straight CSS and HTML.

I can't confirm I've used this before, but the code would be something like this:

HTML

I really like pie.

CSS

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

相关问答

另一种选择是，如果您乐意将此功能仅适用于较新的浏览器，则使用HTML 5的占位符属性提供的支持：

在没有任何风格的情况下，在Chrome中看起来像： 您可以在这里和HTML5占位符样式CSS中尝试演示。 请务必检查浏览器的兼容性 。 在Firefox中添加了3.7的支持。 Chrome是好的 Internet Explorer仅在10中添加了支持。如果您定位的浏览器不支持输入占位符，则可以使用名为j

...

必须将android:iconifiedByDefault更改为app:iconifiedByDefault 并添加这两行以避免在启动活动时启动键盘，并且仅在单击searchview后才显示 android:focusable="false"

android:focusableInTouchMode="true"

所以试试这个：

android:id="@+id/airlines_searchV

...

protected void paint(Graphics g)

{

if(super.getText().length() == 0)

{

g.setColor(Color.GRAY);

g.drawText("MMYY", 0, 0);

}

g.setColor(Color.BLACK);

super.paint(g);

};

here is the implementation within paint() meth

...

这看起来像一个SDK错误，或者至少与一个有关。 http://code.google.com/p/android/issues/detail?id=7252 如果删除以下内容，则会显示提示： 机器人：比重=“中心” It seems like a SDK bug, or at least related to one. http://code.google.com/p/android/issues/detail?id=7252 The hint shows up if you remove the

...

// assuming you have a EditText view with id

View viewById = getView().findViewById(R.id.editTextId);

if(viewById!=null) {

// set listener to this view "many views could share one listener"

viewById.setOnFocusChangeListen

...

如果您正在寻找的话，这应该可以帮助您在工具提示中获得新的内容： https ： //github.com/chinchang/hint.css/issues/13 基本上你需要改变white-space值： .hint:after, [data-hint]:after {

white-space: pre;

}

演示 或者你也可以简单地在工具提示上设置 max-width并删除white-space: nowrap 。 This should help you get new lines in

...

可以使用直接的CSS和HTML来执行工具提示(如果这是您正在寻找的)。 Linky。 我无法确认我之前使用过这个，但代码是这样的： HTML

I really like pie.

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

这是一个可以玩的jsFiddle。 There is the ability t

...

加上这个 - (void)viewDidAppear:(BOOL)animated {

[mySearchBar becomeFirstResponder];

[super viewDidAppear:animated];

}

add this - (void)viewDidAppear:(BOOL)animated {

[mySearchBar becomeFirstResponder];

[super viewDidAppear:anim

...

在您的函数displayAssetDescriptionTip中，您使用的是=赋值运算符而不是==比较运算符，因此您的第一个if条件始终匹配。 纠正了这个方面： function displayAssetDescriptionTip(canvasImage){

if(canvasImage.id == "assetBox")

document.getElementById('tipsParagraph').innerHTML = tips[34];

else if(

...

您可以使用Java代码以编程方式执行此操作。 例如： final EditText editTxt = (EditText) findViewById(R.id.my_edit_text);

editTxt.setGravity(Gravity.CENTER_HORIZONTAL);

editTxt.setOnKeyListener(new OnKeyListener() {

@Override

public boolean onKey(View v, int keyCode

...