如何使输入字段标题显示输入字段中的文本

How do you make an input field title display the text that is in the input field?

本文关键字：字段 输入 文本 标题 何使 显示      更新时间：2023-09-26

我设置了一个简单的jsfiddle页面来显示我要做的事情。

<input title="I want this message to display whatever text is in the input field."></input>

当你将鼠标悬停在输入字段上时，标题就会显示出来:"我想要这个消息显示输入字段中的任何文本。"

我希望这个悬停消息显示任何用户已经输入到实际输入字段。

如果用户在输入框中输入https://stackoverflow.com/，我希望悬停消息(标题)显示https://stackoverflow.com/

http://jsfiddle.net/FmNg7/

你可以使用jQuery:

$("input").on("change", function (e) {
   $(e.currentTarget).prop("title", $(e.currentTarget).val());
});

这段代码将一个事件处理程序绑定到所有输入的"change"事件，然后将更改后的输入的title属性设置为当前值。

您还可以绑定到keyup事件而不是change事件，因此当用户键入时，标题会立即更改。

相关文章：