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

Question

我正在 JSP 文件中创建上面的文本框，该文件用 javascript 填充(文本框中的内容基本上是动态的而不是静态的)。我想当我将鼠标悬停在文本框上时显示文本框的内容。 javascript 中有什么函数可以使用吗？

Answer 1

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

例如:

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

以防万一您想做同样的事情，当 <input>获取/失去焦点(例如通过 TAB)，使用 onfocus和onblur事件处理程序。

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

<input  type="text" oninput="this.title = this.value">