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();
}