Angular實作滑鼠右鍵點選效果

在web端使用的angular的項目中使用滑鼠右鍵調用contextmenu(),但是由于浏覽器自帶滑鼠右鍵點選事件。是以要先禁止自帶的右鍵點選事件。步驟如下

一：禁止浏覽器滑鼠右鍵事件

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

二：html檔案中調用contextmenu()方法

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

三：在ts檔案中寫對應的test()方法即可