尝试使用vanilla JavaScript阻止链接重定向

使用vanilla JavaScript阻止链接重定向可以通过以下步骤实现：

1. 首先，需要获取到所有的链接元素。可以使用document.querySelectorAll方法来选择所有的链接元素，例如：

const links = document.querySelectorAll('a');

1. 接下来，需要为每个链接元素添加一个点击事件监听器，以阻止默认的链接重定向行为。可以使用addEventListener方法为每个链接元素添加点击事件监听器，例如：

links.forEach(link => {
  link.addEventListener('click', event => {
    event.preventDefault();
  });
});

1. 在点击事件监听器中，使用preventDefault方法来阻止默认的链接重定向行为。

这样，当用户点击链接时，链接将不会触发重定向，而是执行点击事件监听器中定义的操作。

这种方法适用于所有的链接元素，无论是在静态HTML页面中还是通过JavaScript动态生成的链接。它可以用于各种场景，例如在单页应用中阻止页面跳转，或者在需要执行其他自定义操作之前阻止链接重定向。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent Real-Time Rendering）：https://cloud.tencent.com/product/trr