我在所有链接中使用了 title 属性,但我不希望在鼠标悬停时可见,但在屏幕阅读器的代码中仍然可见。
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (links[i].className == 'suppress') {
links[i]._title = links[i].title;
links[i].onmouseover = function() {
this.title = '';
}
links[i].onmouseout = function() {
this.title = this._title;
}
最佳答案
使用 jQuery,您可以在悬停时隐藏 title
属性,并在鼠标移开时替换它:
$(function(){
$('a').hover(function(e){
$(this).attr('data-title', $(this).attr('title'));
$(this).removeAttr('title');
},
function(e){
$(this).attr('title', $(this).attr('data-title'));
});
});
如 this fiddle 所示.
关于javascript - 使用 javascript/jquery 隐藏鼠标悬停时链接的标题属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12663433/