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

发布于 2024-12-11 09:04:39 字数 125 浏览 0 评论 0原文

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

I am creating above text box in my JSP file which getting populated in javascript(basically content inside textbox is dynamic not static). I want to display the content of text box when I take mouse over text box. Is there any function in javascript I can use for it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

╰沐子 2024-12-18 09:04:39

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

例如:

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

如果您想在 获取/失去焦点时执行相同的操作(例如通过 TAB),请使用 < code>onfocus 和 onblur 事件处理程序。

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

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

Use the onmouseover event handler. Modify the input's text using the value property. You can also use an onmouseout event handler to clear the text when the mouse leaves the input if you need it. See it in this fiddle.

For instance:

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

Just in case you'd like to do the same thing when the <input> gets/loses the focus (by TAB for instance), use the onfocus and onblur event handlers.

UPDATE It turns out the OP wanted to dynamically change the title attribute of the input, so that it pops up in a tooltip when the mouse hovers over it. This can be achieved adding an onkeyuponinput event handler to the component that sets this.title to this.value. Learn more about oninput here.

<input  type="text" oninput="this.title = this.value">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文