jquery - 右键单击并刷新页面后保留已访问链接的颜色

Question

使用以下内容，我允许用户右键单击链接以在新选项卡/窗口中打开。我希望链接将颜色更改为紫色以表明它已被访问过。问题是当用户刷新页面时，我无法获得链接颜色以保留紫色属性。还有一个问题是防止“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:visited { 颜色:#416b99;

部分到一个css文件。

如果它不起作用，请放置您的标记、CSS 和脚本

a:visited {
            color: green;
        }

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

这非常有效。无论您是否右键单击，浏览器都会检测到访问过的链接，直到您清除缓存。