js中屏蔽a标签右键中在新窗口打开功能

一、在现实开发中，开发人员需要对某些a标签的在新窗口打开进行屏蔽。

这时候问题就来了，我们该如何去屏蔽，是用js直接屏蔽a标签的右键事件呢，还是去修改本地的浏览器右键事件（不现实），我们不可能要求用户去修改。

所以主要的问题还在于我们如何去屏蔽a标签de右键事件。

在这里博主提供一种方法 。

我们用div去把a标签包含在内部，例如：

<div oncontextmenu="return false">
    <a href='+basePath+"usermanagement/getUserInfo?id="+rec.id+'>查看/审核</a>
</div>

然后去设置 div 的属性οncοntextmenu="return false"， 屏蔽div区域的右键事件即可达到屏蔽a标签的右键效果。
 

二、阻止a标签跳转页面的三种方法：

1.最常见的，也是最常用的方法

<a href="#" class="demo" ></a>

但是这种a标签会在页面比较长的时候回到页面顶部 

2.onclick事件返回false

<a href="#"  onclick="return false" ></a>

3.用href=”javascript:void(0)”伪协议,不建议使用

<a href="javascript:void(0)" ></a>

三、点击a标签打开新窗口

https://blog.youkuaiyun.com/anaction/article/details/78934118