Javascript 事件未显示在 Chrome 开发者控制台中

Question

我有这个按钮:

<a href="#" ng-click="addToCart()" onclick="step4()" class="btn btn-submit btn-block">Add to Cart</a>

然后我有这个Javascript:

function step4() {
    dataLayer.push({
        'event': 'checkout',
        'ecommerce': {
            'checkout': {
                'actionField': {'step': 4}
            }
        }
    });
}

在 Chrome 开发者控制台中，当我单击链接时，它没有显示任何触发的内容？有小费吗？我怎么知道我的 JS 正在触发？

Answer 1

您的函数应该被触发，但您没有向控制台输出任何内容，因此您不会在那里看到任何内容。您应该尝试在函数中添加 console.log() 语句，这会将一些文本输出到开发控制台。

您可以执行类似的操作，一旦调用该函数，该函数就会打印到控制台，然后在函数完成之前再次打印，并显示 dataLayer 对象的新值:

function step4() {
    console.log('Inside step4 function.');

    dataLayer.push({
        'event': 'checkout',
        'ecommerce': {
            'checkout': {
                'actionField': {'step': 4}
            }
        }
    });

    console.log('End of function call: ', dataLayer);
}

这是一个笨蛋: https://plnkr.co/edit/fLcx1oX4Q1A6XoiBOGcp?p=preview