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

2018年08月21日 14:50:56阅读数:1870博客 / 是小疯啊的博客 / js移动端

在移动端网页我们使用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举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 博主信息
    是小疯啊的博客
    博文
    11
    粉丝
    0
    评论
    1
    访问量
    7264
    积分:0
    P豆:458