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

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

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

当您将鼠标悬停在输入字段上时，将显示标题：“我希望此消息显示输入字段中的任何文本。”

我希望此悬停消息显示用户在实际输入字段中输入的内容

因此，如果用户已在输入字段中输入，我希望显示悬停消息（标题）

---

您可以使用jQuery：

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

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

---

您还可以绑定到

keyup

事件，而不是

change

事件，因此在用户键入时标题会立即更改。

谢谢。我设法让这两种反应都起作用。我决定两者结合使用。我没有使用.prop，而是尝试使用.attr，但运气不好。@AzorAhai这取决于您使用的jQuery版本，有关更多详细信息，请参阅