单击两次(不一定是连续)后使用JavaScript强调链接

时间:2014-07-11 22:02:06

标签: javascript html css drop-down-menu twitter-bootstrap-3

到目前为止,我所做的是在Bootply上使用this code点击后,使链接显示为带下划线。但是,因为我对JavaScript很新,所以我不知道如何修改我的JS函数,以便下拉菜单链接(“2”)加下划线,必须点击两次(不一定连续) ,即,单击一次以使菜单下拉,然后再次为其加下划线。我在想的是在该函数中包含某种条件语句,以考虑“2”必须满足的特殊条件,但我不知道如何执行此操作。

任何想法都将不胜感激!

1 个答案:

答案 0 :(得分:1)

Demo

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