javascript - 使用回调函数时 ctrl + 单击禁用

Question

我的电子商务网页中有一个产品的图像(也是一个链接)，我想在有人点击该图像时使用谷歌分析增强型电子商务工具进行跟踪。为了在我的 Google 分析报告中获得更准确的数据，我停止链接导航到下一页，直到事件发送完数据。

这是链接的 html:

<a href="/product_path" onclick="onProductClick();return !ga.loaded;">
    <img src="/some_product.jpg" />
</a>

这是使用的 JavaScript:

<script>
    function onProductClick() {  

        ...

        ga('send', 'event', 'UX', 'click', 'Featured' {
            'hitCallback': function() {
                document.location = '/product_path'
            }
        });
    }
</script>

但是，这会导致当我按 ctrl + 单击图像时，它不会像往常一样在新选项卡中打开，而是在我现在所在的选项卡中打开。我希望这个功能能够继续发挥作用。

有人知道如何恢复该功能吗？

Answer 1

你可以使用类似的东西:

var my_event;
document.querySelector("#my_link").addEventListener("click", function(event){
    my_event= event;
    setTimeout(function(){//simulate your call to ga
        var window_target= my_event.ctrlKey ? "_newtab": "_self";
        window.open(my_event.target.href, window_target );
    },100);
    event.preventDefault();
    return false;
});

但它并不可靠，它不可靠，例如处理中键单击。

我会让正常行为，ga 脚本发出请求，然后像用户想要的那样打开新页面。事实上，我不认为有什么问题。

document.querySelector("#my_link").addEventListener("click", function(){
 //ga call here
});