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();取消本机行为，然后使用 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); 

});