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

时间:2014-07-28 18:09:19

标签: javascript html css

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

1 个答案:

答案 0 :(得分:2)

你可以用jQuery:

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

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

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