Angular中鼠标右键事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Angular中鼠标右键事件相关的知识，希望对你有一定的参考价值。
参考技术A 在web端使用的angular的项目中使用鼠标右键调用contextmenu(),但是由于浏览器自带鼠标右键点击事件。因此要先禁止自带的右键点击事件。步骤如下一：禁止浏览器鼠标右键事件
```
ngOnInit()
document.oncontextmenu =function () return false; ;
```
二：html文件中调用contextmenu()方法
```
<div style="height:100px;width:100px;background:#8D8D8D" (contextmenu)="test()">
```
三：在ts文件中写对应的test()方法即可
javascript中点击鼠标右键触发的事件
javascript中事件有很多种，这里只谈一个很有用，但不常见的事件。
单击鼠标右键触发的事件contextmenu事件。
document.oncontextmenu=function(){
return false;
}
这样就可以屏蔽掉鼠标右击的事件。当然如果需要什么效果也可以在事件监听函数中添加。
以上是关于Angular中鼠标右键事件的主要内容，如果未能解决你的问题，请参考以下文章