一种点击其他区域隐藏当前元素的方案

click.scss

//.context-menu形成透明层，点击。触发。mymenu消失
.context-menu{

    .hidden-mask{
        position: fixed;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .mymenu{
        width: 150px;
        z-index: 2;
        position: absolute;
        background: #777777;
        border-radius: 3px;
        border-color: #000;
        color: #D9D9D9;
        line-height: 1.6;
        li{
            list-style: none;
            padding: 5px 10px;
            border-bottom: var(--primary);
            &:hover{
                background: #ef9c1a;
                color: #fff;
            }
        }
    }

}