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