没有target=“空白”？

Question

如何使下面的代码不能捕获具有target="blank"属性的元素<a>？因为location.href = link.href;在同一张卡中打开(只有与target="blank"的链接应该在没有动画的新卡中打开)。

document.addEventListener('click', function(event) {
if (event.target.tagName !== "A" || !event.target.href) return;
event.preventDefault();
var link = event.target;
document.body.style.opacity = 0;
document.body.addEventListener("transitionend", function() {
location.href = link.href;
});
});

如果需要更多的澄清，请在下面发表评论！

Answer 1

检查event.target.target。

​

document.addEventListener('click', function(event) {
  if (event.target.tagName !== "A" || !event.target.href || event.target.target == "_blank") return;
  event.preventDefault();
  var link = event.target;
  document.body.style.opacity = 0;
  document.body.addEventListener("transitionend", function() {
    location.href = link.href;
  });
});

​

Answer 2

只需使用下面的if条件：

event.target.getAttribute('target') !== blank);

希望它能起作用。