单击所有链接后重定向？答案

【问题标题】：Redirect when all links have been clicked?单击所有链接后重定向？
【发布时间】：2013-04-10 16:31:33
【问题描述】：

我有一个包含三个主题标签网址的页面：

<a href="#Link1">Some Text 1</a>
<a href="#Link2">Some Text 2</a>
<a href="#Link3">Some Text 3</a>

一旦用户点击了所有三个，我需要将他们重定向到另一个 URL。

有没有人有例子，或者知道我可以做到这一点的方法吗？

【问题讨论】：

用户点击第三个链接后，不等他/她阅读相关文字吗？

标签： javascript html redirect cookies href

【解决方案1】：

试试这个：

window.onload = function () {
    var anchors, clicked_count, clicked, i, cur_anchor, my_anchor_id;

    anchors = document.getElementsByTagName("a");
    clicked_count = 0;
    clicked = {};

    for (i = 0; i < anchors.length; i++) {
        cur_anchor = anchors[i];
        cur_anchor.setAttribute("data-anchor-id", i);
        cur_anchor.onclick = function (e) {
            e = e || window.event;
            e.preventDefault();

            my_anchor_id = this.getAttribute("data-anchor-id");
            if (!(my_anchor_id in clicked)) {
                clicked[my_anchor_id] = null;
                if (++clicked_count === anchors.length) {
                    console.log("WOULD BE REDIRECTING");
                    //window.location.href = "NEW URL";
                }
            }
        };
    }
};

演示： http://jsfiddle.net/hCRtD/1/

为了证明演示有效，请在单击最后一个所需的锚点之前多次单击一些锚点。它不会在总共点击 3 次后完成（我原来的解决方案就是这样有缺陷的），而是会等到每个点击至少一次。

它为所有<a> 标签设置一个特殊属性，唯一标识它们。显然，可以使用 id，但您没有包含它，而且这样做很容易。

然后，当一个锚点被点击时（仅是第一次），它的唯一标识符被添加到一个集合中（clicked）。

当每次第一次单击锚点时递增的计数器 (clicked_count) 达到最初找到的锚点总数时，一切都已完成。

【讨论】：

先生，您真是个天才！您的代码对我的帮助无穷无尽！非常感谢！
@SarahChampion 没问题！如果您需要更多帮助，请告诉我 :)

【解决方案2】：

添加html类：

<a href="#Link1" class="redirect">Some Text 1</a>
<a href="#Link2" class="redirect">Some Text 2</a>
<a href="#Link3" class="redirect">Some Text 3</a>

然后试试javascript：

function catchAnchors(){
  var links = document.getElementsByClassName("redirect");//get your links
  for(var i=links.length-1;i>=0;i--){
   if(!links[i].wasClick)return;//if never clicked return;
  }
   location.href = "your url";//redirect
}

var links = document.getElementsByClassName("redirect");//get your links
for(var i=links.length-1;i>=0;i--){
  links[i].onclick = function(){
    this.wasClick = true;//set mark onclick event
    catchAnchors();//check links
  }
}

【讨论】：