###自定义右键菜单方法分享

自定义右键菜单方法分享

​在开始之前，分享一个小知识。

onmouseenter,onmouseleave与onmouseover，onmouseout的区别：

如果有子元素，onmouseenter,onmouseleave是正常的，但是onmouseover，onmouseout就会有点不同，鼠标移动到子元素上也算也算触发。

我就用两个div来演示了。

<div id="demo">
        
    </div>

<style>
    #demo{
   
        width: 500px;
        height: 500px;
        background: darkgoldenrod;
    }
   
    .menu{
   
        width: 200px;
        height: 350px;
        font-size: 12px