在链接被点击两次(不一定是连续的)后使用JavaScript给它加下划线

Underlining a link using JavaScript after it has been clicked twice (not necessarily consecutively)

本文关键字:下划线 JavaScript 连续 不一定 链接 两次      更新时间:2023-09-26

到目前为止,我所做的是在Bootply上使用此代码单击链接后显示下划线。然而,因为我对JavaScript相当陌生,我不知道如何修改我的JS函数,以便下拉菜单链接("2")被下划线,必须单击它两次(不一定连续),即单击一次让菜单下拉,然后再次下划线。我想的是在那个函数中包含某种条件语句,以考虑"2"被加下划线必须满足的特殊条件,但我不知道如何做到这一点。

任何想法都将非常感激!

Demo

link.onclick = function() {
    this.classList.toggle('underline', ++this.dataset.clickTimes >= 2);
};
link.dataset.clickTimes = 0;
.underline {
    text-decoration: underline;
}