时间戳

首页 > 解决方案 > firefox 不能点链接，在其他浏览器可以

hyperlink - firefox 不能点链接，在其他浏览器可以

问题描述

Ggo 到https://codepen.io/anon/pen/pVGXZG将鼠标悬停在 NAV 上并尝试单击“firefox” 其他浏览器单击“firefox”时单击以下链接没有问题

var btn = document.getElementById("main-btn");

btn.addEventListener("mouseover", function (e) {
  var nav = document.getElementById("main-nav");
  var sub_btns = document.getElementsByClassName("sub-btn");
  var pos = [];
  e.className += "main-hover";
  console.log(e)
  nav.addEventListener("mouseover", function (e) {
      var total =0;
      for(var x = 0;x<sub_btns.length;x++) {
        if(x <2) {
          sub_btns[x].style.left = "-"+((x+1)*30)+"%";
          pos[x] = ((x+1)*20);
        } else {
           sub_btns[x].style.right = "-"+((x-1)*30)+"%";
           pos[x] = ((x-1)*280);
        }
        sub_btns[x].style.opacity = "1";
      }
      nav.style.width = 50+"%";

  });
  
  nav.addEventListener("mouseout", function(){
    nav.style.width = "100px";

    for(var x = 0;x<sub_btns.length;x++) {
      sub_btns[x].style.left = "0";
      sub_btns[x].style.right = "0";
      sub_btns[x].style.opacity = "0";
    }
  })
});

标签： hyperlinknofollow

解决方案

Spec说，你的内心只能有短语内容。也就是说，里面的元素不会是交互式的（可点击的）。

推荐阅读