javascript实现自定义右键菜单（绑定鼠标左右键）

javascript实现自定义右键菜单

思路

思路：
1.绑定右键函数。
2.获取鼠标右键按下位置的x坐标（到左面的距离），y坐标（到上面的距离）。
3.获取滚动条向下滚动距离，获取滚动条向左滚动距离
4.最后+‘px’,补全单位，添加到元素style属性，将元素移动到鼠标右键位置

1绑定右键函数

<script>
document.oncontextmenu=function(o)  //绑定右键
{
   

}

2.获取鼠标右键按下位置的x坐标（到左面的距离），y坐标（到上面的距离）。

var x=o.clientX;//左距离
var y=o.clientY;//右距离

3.获取滚动条向下滚动距离，获取滚动条向左滚动距离

let scrolltop=document.documentElement.scrollTop || document.body.scrollTop