JavaScript 自定义html元素鼠标右键菜单

自定义html元素鼠标右键菜单

 

 

实现思路

在触发contextmenu事件时,取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象,来确定鼠标的点击位置,作为显示菜单的left和top值

 

编码实现

   

让body元素出现滚动条用的div

   

 

 

实现效果

JavaScript 自定义html元素鼠标右键菜单_第1张图片

 

 

 

你可能感兴趣的:(JavaScript 自定义html元素鼠标右键菜单)