在web端使用的angular的项目中使用鼠标右键调用contextmenu(),但是由于浏览器自带鼠标右键点击事件。因此要先禁止自带的右键点击事件。步骤如下
一：禁止浏览器鼠标右键事件
```
ngOnInit() {
document.oncontextmenu =function () {return false; };
}
```
二：html文件中调用contextmenu()方法
```
<div style="height:100px;width:100px;background:#8D8D8D" (contextmenu)="test()">
```
三：在ts文件中写对应的test()方法即可
在web端使用的angular的项目中使用鼠标右键调用contextmenu(),但是由于浏览器自带鼠标右键点击事...
1. 鼠标事件 // 点击事件 onclick // 双击事件 ondblclick // 鼠标右键点击事件 on...
当用户点击鼠标右键的时候oncontextmenu事件被触发 js禁用鼠标右键菜单 js自定义鼠标右键菜单 htm...
本文简介 Fabric.js 默认没提供 鼠标右键事件，只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件。但...
DOM3级事件中定义了9个鼠标事件。 mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。...
@mouseup="clickAttribute" // 阻止鼠标右键浏览器默认行为 preventMouse...
鼠标事件 onmousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。onmouseup:鼠标...
Dom事件 鼠标事件：mousedown：鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发mouseup：鼠...
1.1. 常用鼠标事件 1.1.1 案例：禁止选中文字和禁止右键菜单 1.1.2 鼠标事件对象 1.1.3 获取鼠...
本文标题：Angular中鼠标右键事件
本文链接：https://www.haomeiwen.com/subject/rnsclhtx.html
网友评论