javascript - touchend 和 target _blank 不合作

Question

因为我有图像和链接悬停状态，所以我使用了一段通用代码来确保您无需点击两次即可在 iOS 上打开链接。请参阅下方以了解使用的代码。

但是，我注意到现在使用带有 target="_blank"的链接时，它会同时在父窗口和新窗口中打开。我怎样才能防止这种情况发生？当然，我希望父选项卡保留在当前网站上。

此外，我还注意到 javascript 似乎在敏感的一侧点击了一点，即有时它已经在下一页上打开了一个链接，只需点击一下。这是正常的吗？有解决办法吗？

  $('a').on('click touchend', function(e) {
    var el = $(this);
    var link = el.attr('href');
    window.location = link;
	
});

Answer 1

您可以使用 e.preventDefault();取消 native 行为，然后使用 window.open(link, target);在适当的目标中打开链接:

$('a').on('click touchend', function(e) {
    e.preventDefault();
    var el = $(this);
    var link = el.attr('href');
    var target = el.attr('target');
    window.open(link, target); 

});