使用javascript切换HTML5工具提示

将属性为空的

输入

元素保留为空时，会出现一个工具提示（使用Chrome）：“请填写此字段”

---

是否有Javascript函数可以在任何位置手动激活包含任何内容的工具提示？（不自己创建）？

据我所知，您只能更改工具提示的文本。
尝试侦听无效的

事件

document.getElementById("foo").addEventListener("invalid", function (e) {
    if (e.target.value == "") {
        e.target.setCustomValidity('Hey! "' + e.target.value + '" is not a valid username.');
    }
});

我没有测试它的浏览器兼容性，但我想这是一项新功能，可能还没有得到很好的支持。
您可以编程我单击“提交”按钮-这将触发验证和工具提示，例如，使用类似这样的HTML

<form id="bla">
   <input type="text" required />
   <input type="submit" value="Submit" id="submit" />
</form>

将显示空字段的工具提示

演示：

如果您正在寻找更多的控制-您可能需要查看自定义验证器，例如
它不再可能：

其中一位chromium开发者明确表示：

Web作者需要从头开始构建自己的UI

@YuriyGalanter，但它不能控制任何工具提示。我正在寻找一种解决方案，使我能够控制工具提示的位置和内容。这似乎对我不起作用。你能用提琴来说明一下吗？我正在做。我没有注意到您想要在输入模糊上显示工具提示。
<form id="bla">
   <input type="text" required />
   <input type="submit" value="Submit" id="submit" />
</form>

document.getElementById("submit").click();