如何删除工具提示但保留'title'属性值

Question

<a href="this is tooltip" title="This is a test">Test</a>

当鼠标悬停在a元素上但是仍保留title属性值时，有没有办法删除工具提示？

Demo

Answer 1

title属性的全部目的是保存工具提示的文本，以便更好地访问;它是每个现代浏览器的内置功能。

如果您不想使用工具提示功能，请不要使用title属性。您也可以使用data attributes将文本值附加到任何元素，并在以后检索它：

<强> HTML

<a href="http://google.com" data-title="This is a test">Test</a>

<强> JS

$('a').data('title'); // "This is a test";

Answer 2

如果您想避免使用工具提示，则不应使用标题，因为它是为此类用途而制作的。

但是，如果你使用它进行内容优化，我建议你开始使用HTML5代码的微数据。

但是，您可以使用JavaScript和CSS创建一个简单的hack，它将保存代码中的数据，但不会显示链接的标题。 Example