javascript - 使用 javascript/jquery 隐藏鼠标悬停时链接的标题属性

标签 javascript jquery

我在所有链接中使用了 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/

相关文章:

jQuery:使用委托(delegate)时链接 on()

java - 替换单词之间的下划线(reg.exp)

jquery - document.ready 中声明的函数未定义?

javascript - 多个选择器似乎不起作用

javascript - 如何用 Python 解释 JavaScript

javascript - HTML5 Canvas 不显示在浏览器中

Jquery:我有一个函数 $.fn.my_function ,里面有其他函数,我该如何调用它们?

javascript - 对象不支持属性或方法 'text'

javascript - 触发输入文件点击不会弹出文件上传对话框

javascript - Jquery/Javascript - 添加日期变量的年份