Question

使用以下内容，我允许用户右键单击链接以在新选项卡/窗口中打开。我希望链接将颜色更改为紫色以显示已访问过的颜色。问题是当用户刷新页面时，我无法获得链接颜色以保留purple属性。还有一个问题是保持链接如“a.advanced”不变颜色。

//Sets anchor link color to purple when right clicked and opened as new tab/window. 
$(document).on("mousedown", "a",

function (e) {
    if (e.button == 2) {
        $(this).css("color", "purple");
        return false;
    }
    return true;
});

//sets color of visited anchor links to purple.

$('a:visited').css("color", "#416b99");

//Keeps navigation items white when user right clicks to open in a new tab/window.
$(document).on("mousedown", "a.nav-item, a.advanced, a.user-support, a.user-myknovel, a.user-welcome",

function (e) {
    if (e.button == 2) {
        $(this).css("color", "white");
        return false;
    }
    return true;
});

Answer 1

默认情况下，当您单击链接时，浏览器会将链接的颜色更改为紫色。在您清除缓存之前，它将以紫色显示。

我想你的问题是

您在某些功能中应用了css。因此，当您刷新页面时，除非您调用该函数，否则不会应用该样式。

尝试移动

a：访问{color：＃416b99; }

部分到css文件。

如果不起作用，请提出标记和CSS和脚本

a:visited {
            color: green;
        }

<a href="#">Link</a>

这完美无缺。无论您是否右键单击，浏览器都会检测到访问过的链接，直到您清除缓存为止。

右键单击和页面刷新后保留访问过的链接颜色

1 个答案: