将鼠标悬停在文本框上时如何显示文本框的内容

Question

我正在我的JSP文件中创建上面的文本框，它在javascript中填充（基本上文本框内的内容是动态的而不是静态的）。我将鼠标悬停在文本框上时显示文本框的内容。我可以使用javascript中的任何函数吗？

Answer 1

使用onmouseover事件处理程序。使用value属性修改输入的文本。如果需要，您还可以使用onmouseout事件处理程序在鼠标离开输入时清除文本。请参阅此fiddle。

例如：

 <input id="anId" type="text" 
        onmouseover="this.value=calculateText(this.id)" 
        onmouseout="this.value=''">

如果你想在<input>获得/失去焦点时做同样的事情（例如通过 TAB ），请使用onfocus和{ {1}}事件处理程序。

UPDATE 事实证明，OP想要动态更改输入的onblur属性，以便当鼠标悬停在工具提示上时，它会弹出。这可以通过将 title onkeyup事件处理程序添加到将oninput设置为this.title的组件来实现。详细了解this.value here。

oninput