javascript - Meteor 上所有 <a> 的链接事件

Question

你知道我如何为我的 Meteor 应用程序中的所有链接(所有模板)创建“点击”事件吗？

我尝试过 .on('click')，但没有结果。

我的 Template.layout.rendered 函数上的代码:

$('a').on('click', function (e) {

e.preventDefault();

let url = $(this).attr('href');

$('#js-container').addClass('is-animate');

setTimeout(function () {

    Router.go(url);

    $('#js-container').removeClass('is-animate').addClass('test');

}, 600);
})

此代码有效，但仅适用于我的布局模板中的链接。

谢谢!

Answer 1

你可以使用这样的东西。希望这会有所帮助。

  function callback(e) {
    var e = window.e || e;

    if (e.target.tagName !== 'A')
        return;

    // Do something
}

if (document.addEventListener)
    document.addEventListener('click', callback, false);
else
    document.attachEvent('onclick', callback);