SOURCE

 document.oncontextmenu = function (ev) {
            var oEvent = ev || event;
            var oDiv = document.querySelector(".people")
            oDiv.style.display = 'block';
            oDiv.style.left = oEvent.clientX + 'px';
            oDiv.style.top = oEvent.clientY + 'px';
            return false;
        };

        document.onclick = function () {
            var oDiv = document.querySelector(".people")
            oDiv.style.display = 'none';
        };

<div class="people">
        <ul>
            <li>订单信息</li>
            <li>修改密码</li>
            <li>退出登录</li>
        </ul>
    </div>

* {
            margin: 0;
            padding: 0
        }
        .people {
            width: 150px;
            position: absolute;
            text-align: center;
            display: none;
        }

        ul {
            border: 1px solid #000;
        }
        ul li {
            list-style: none;
            border-top: 1px solid #000;
            height: 36px;
            line-height: 36px;
            cursor: pointer;
        }

        li:nth-child(1) {
            border-top: none;
        }