Angular实现鼠标右键点击效果

在web端使用的angular的项目中使用鼠标右键调用contextmenu(),但是由于浏览器自带鼠标右键点击事件。因此要先禁止自带的右键点击事件。步骤如下

一：禁止浏览器鼠标右键事件

ngOnInit() {
    document.oncontextmenu =function () {return false; };
}
           

二：html文件中调用contextmenu()方法

<div style="height:100px;width:100px;background:#8D8D8D" (contextmenu)="test()">
           

三：在ts文件中写对应的test()方法即可