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

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

不说废话，先上干货 0.0

video.component.html

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

View Code

video.component.ts

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

View Code

 

转载于:https://www.cnblogs.com/Failbs/p/9585274.html