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

Question

我设置了一个简单的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/

Answer 1

你可以用jQuery：

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

此代码段将事件处理程序绑定到所有输入的“更改”事件，然后将更改的输入的title属性设置为其当前值。

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