当所有链接都被点击时重定向
Redirect when all links have been clicked?
我有一个包含三个标签url的页面:
<a href="#Link1">Some Text 1</a>
<a href="#Link2">Some Text 2</a>
<a href="#Link3">Some Text 3</a>
一旦用户点击了所有三个,我需要将它们重定向到另一个URL。
有没有人有一个例子,或者知道我可以做到这一点的方法?
试试这个:
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
)达到第一次找到的锚的总数时(每次单击锚时增加),则一切都已完成。
添加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
}
}
相关文章:
- ng视图外的链接重定向到ng视图内的页面
- 通过链接重定向不;我不在jstree中工作
- 重定向到父窗口中的链接
- 将重定向URL链接添加到JS函数
- 如何在新选项卡中打开链接以及在当前选项卡中重定向
- 移动站点重定向与完整的站点链接
- 将网页上的链接重定向到javascript函数
- 如何在eonasdan Bootstrap 3 Datepicker上重置链接选取器的日期范围
- 使用java和html基于当前用户创建重定向链接
- 将元素作为对象返回的角度定向链接方法
- 如何使用post方法创建重定向链接
- 有什么方法可以绑定'任何'通过身份验证脚本重定向(链接/刷新等)
- 引导问题,弹出窗口,需要重定向链接时点击
- 如何隐藏实际链接,但不提醒联盟链接来自重定向链接
- 如何用js和php创建一个动态重定向链接
- 根据定向链接预填充重力表单下拉列表
- 是否可以使用JavaScript获取客户端上给定链接的重定向链中的所有URL
- 如何在鼠标悬停时显示中间重定向链接的真实目标
- Android应用程序.从Android手机浏览器重定向链接
- 获取重定向链接的XmlhttpRequest