在页面上点击任一链接时触发一个事件的代码

要实现在页面上点击任一链接时触发一个事件的代码，可以通过以下步骤来实现：

要实现在页面上点击任一链接时触发一个事件的代码，可以通过以下步骤来实现：

第一步：添加一个事件监听器

在页面中添加一个事件监听器来监听所有a标签的点击事件，代码如下：

document.addEventListener('click', function(event) {
  if (event.target.tagName === 'A') {
    // 点击事件代码
  }
});

上述代码中，我们通过addEventListener方法来给document添加一个click事件的监听器，监听器的回调函数中判断了点击事件的目标元素是否为a标签。如果是，则执行点击事件的代码。

第二步：编写点击事件代码

在点击事件的回调函数中，编写要执行的代码，如跳转到另一个页面、展示弹窗等等，例如：

document.addEventListener('click', function(event) {
  if (event.target.tagName === 'A') {
    event.preventDefault(); // 阻止默认跳转行为
    var href = event.target.getAttribute('href'); // 获取链接地址
    console.log('点击了链接：' + href);
    window.location.href = href; // 跳转到链接地址
  }
});

上述代码中，我们通过阻止默认跳转行为和获取链接地址的属性值，实现了跳转到链接地址的功能，并在控制台打印了点击的链接信息。

示例一：展示弹窗

点击a标签时，在页面上展示提示弹窗，代码如下：

document.addEventListener('click', function(event) {
  if (event.target.tagName === 'A') {
    event.preventDefault(); // 阻止默认跳转行为
    var message = '您点击了链接：' + event.target.getAttribute('href');
    alert(message);
  }
});

示例二：上传统计数据

点击a标签时，将点击的链接地址发送到服务器进行统计，代码如下：

document.addEventListener('click', function(event) {
  if (event.target.tagName === 'A') {
    var href = event.target.getAttribute('href');
    // ajax请求发送统计数据
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/log/click');
    xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
    xhr.send(JSON.stringify({
      url: href
    }));
  }
});

上述代码中，我们通过ajax请求将点击的链接地址发送到服务器进行统计。在实际应用中，可以根据需要做出相应的处理，如展示统计结果或记录日志等。