自定义右键菜单方法分享
在开始之前,分享一个小知识。
onmouseenter,onmouseleave与onmouseover,onmouseout的区别:
如果有子元素,onmouseenter,onmouseleave是正常的,但是onmouseover,onmouseout就会有点不同,鼠标移动到子元素上也算也算触发。
我就用两个div来演示了。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200606105525188.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2p1bXBfYmVhcg==,size_16,color_FFFFFF,t_70#pic_center)
<div id="demo">
</div>
<style>
width: 500px;
height: 500px;
background: darkgoldenrod;
}
.menu{
width: 200px;