在js中a标签加入单击事件屏蔽href跳转页面

在JS中，我们可以通过添加单击事件来屏蔽a标签的href跳转页面。下面是实现这个功能的完整攻略：

1.使用addEventListener函数添加单击事件

我们可以通过addEventListener函数来为a标签添加单击事件，代码如下：

document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault();
});

上面的代码为页面上第一个a标签添加了一个单击事件，单击时会阻止默认行为，即阻止a标签的href跳转页面。

2.使用onclick属性添加单击事件

我们也可以使用a标签的onclick属性来添加单击事件，代码如下：

点击我

上面的代码会在单击a标签时阻止默认行为，并且不会跳转到指定的链接。

除了使用上述两种方法，我们还可以使用其他JS特性，如addEventListener中的传递参数、事件冒泡等功能，来实现a标签的单击事件屏蔽。

在以上两种方法中，第二种方法更为简单，适合于仅需要屏蔽a标签href跳转页面的场景。而第一种方法则更加灵活，可以为单个a标签添加事件，也可以为多个a标签添加事件。