Angular2+实现右键菜单的重定义--contextmenu

在做需求时用到video这个html5的新增标签，然后公司要求把video的右键屏蔽了去，我在网上找了很久没找到完整的方法来实现这个功能，只能自己摸索着来。

不说废话，先上干货 0.0

video.component.html

 <video #myVideo (contextmenu)="nomenu($event)">
     <source src="data/html5-1.mp4" type="video/mp4" />
     您的浏览器不支持 HTML5 video.
 </video>

video.component.ts

 nomenu(event){
     // 主要是这个事件了，阻止默认右键菜单的弹出
     event.preventDefault();
 }