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