HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 如何防止title属性显示工具提示?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular和Semantic-UI开发一个Web应用程序.
用户悬停某些元素时,我正在使用Semantic-UI的Popup来显示时尚的工具提示.
无论如何,我必须添加title属性以符合A11Y(WCAG 2.0)并使屏幕阅读器读取title属性的文本内容.

正如你可以通过这种方式弄清楚我得到了一些元素的双重工具提示.

你知道一种方法来制作title属性来保存文本并阻止它显示弹出窗口吗?

我不想删除文本所以我不能使用jQuery提供的removeAttr方法

解决方法

无法禁用认浏览器行为,即将标题属性显示为浏览器本身的“工具提示”.

你需要使用一些javascript,它甚至可以像在悬停时将标题设置为空白一样简单,并在鼠标移除时替换它….

onmouSEOver="this.setAttribute('data-title',this.titlE);this.title = ''"
onmouSEOut="this.setAttribute('title',this.getAttribute('data-title')"

这会将标题设置为空白(因此“禁用”工具提示),并将其存储在数属性中.然后在mouSEOut上它会把标题放回去(这意味着你的语义ui东西仍然可以工作).您需要在代码中的正确位置集成它.

大佬总结

以上是大佬教程为你收集整理的html5 – 如何防止title属性显示工具提示?全部内容,希望文章能够帮你解决html5 – 如何防止title属性显示工具提示?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。