博客列表 >js 自定义data-herf属性链接跳转

js 自定义data-herf属性链接跳转

kong
kong原创
2018年08月21日 14:50:563014浏览

在移动端网页我们使用a标签跳转此时点击之后浏览器会等待200~300ms时间看看你有没有第二次点击,如果200~300ms以内没有点击,此时触发你的click事件,如果有点击,则你的click事件业务不发生,而是放大视口。但是touchstart不会等待,只要你碰到了屏幕一定会执行touchstart事件;

代码如下

//先获取data-herf的属性

var hrefs = document.querySelectorAll("[data-href]");

//循环语句给所有data-herf属性的元素添加超级链接

for(var i = 0; i < hrefs.length; i++){
    //绑定touchstart事件
    hrefs[i].addEventListener("touchstart",function(){
    //核心语句
	window.location = this.getAttribute("data-href");
    },true);
}


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议