Angular中鼠标右键事件

2020-03-03  本文已影响0人  STUDY_67eb

在web端使用的angular的项目中使用鼠标右键调用contextmenu(),但是由于浏览器自带鼠标右键点击事件。因此要先禁止自带的右键点击事件。步骤如下

一:禁止浏览器鼠标右键事件

```

ngOnInit() {

    document.oncontextmenu =function () {return false; };

}

```

二:html文件中调用contextmenu()方法

```

<div style="height:100px;width:100px;background:#8D8D8D" (contextmenu)="test()">

```

三:在ts文件中写对应的test()方法即可

上一篇 下一篇

猜你喜欢

热点阅读