我正在使用Angular和Semantic-UI开发一个Web应用程序。
当用户悬停某些元素时，我正在使用Semantic-UI的Popup来显示时尚的工具提示。
无论如何，我必须添加title属性以符合A11Y（WCAG 2.0）并使屏幕阅读器读取title属性的文本内容。
正如你可以通过这种方式弄清楚我得到了一些元素的双重工具提示。
您是否知道如何使title属性保留文本并阻止其显示弹出窗口？
我不想删除文本，所以我不能使用jQuery提供的removeAttr方法...
答案 0 :(得分：7)
无法禁用默认的浏览器行为，即在浏览器中将title属性显示为“工具提示”。
你需要使用一些javascript，它甚至可以像在悬停时将标题设置为空白一样简单，并在鼠标移除时替换它....
onmouseover="this.setAttribute('data-title', this.title);this.title = ''"
onmouseout="this.setAttribute('title', this.getAttribute('data-title')"
这会将标题设置为空白（因此“禁用”工具提示），并将其存储在数据属性中。然后在mouseout上它会把标题放回去（这意味着你的语义ui东西仍然可以工作）。您需要在代码中的正确位置集成它。