当鼠标悬停在文本框上时如何显示文本框的内容
我正在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用
onmouseover
事件处理程序。使用value
属性修改输入的文本。如果需要,您还可以使用onmouseout
事件处理程序在鼠标离开输入时清除文本。在此fiddle中查看它。例如:
如果您想在
获取/失去焦点时执行相同的操作(例如通过 TAB),请使用 < code>onfocus 和
onblur
事件处理程序。更新 事实证明,OP想要动态更改输入的
title
属性,以便当鼠标悬停在其上时它会在工具提示中弹出。这可以通过将onkeyup
oninput
事件处理程序添加到将this.title
设置为的组件来实现this.value
。 此处oninput 的更多信息>。Use the
onmouseover
event handler. Modify the input's text using thevalue
property. You can also use anonmouseout
event handler to clear the text when the mouse leaves the input if you need it. See it in this fiddle.For instance:
Just in case you'd like to do the same thing when the
<input>
gets/loses the focus (by TAB for instance), use theonfocus
andonblur
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 anonkeyup
oninput
event handler to the component that setsthis.title
tothis.value
. Learn more aboutoninput
here.