自定义右键菜单

2018-11-30  本文已影响20人  回调的幸福时光

思路

演示demo

  1. 编写自定义菜单
  2. 监听contextmenu事件,阻止浏览器默认事件。
  3. 获取右键点击时的坐标(pageX, pageY), 通过transform: translate(x,y)移动菜单,然后显示。
  4. 鼠标左键点击时,隐藏菜单。

参考

自定义右键菜单学习

上一篇 下一篇

猜你喜欢

热点阅读