html中二级菜单老是自动消失,26右键自己创建菜单，点击空白处消失.html

Document

/* 右键自己创建菜单,点击空白处消失 */

* {

padding: 0;

margin: 0;

}

div {

position: absolute;

width: 80px;

background-color: #ccc;

border: 1px solid #000;

display: none;

}

• 11111
• 22220
• 33333
• 444444
• 55555

/* 右键自己创建菜单,点击空白处消失 */

var Odiv = document.getElementsByTagName('div')[0];

document.oncontextmenu = function (ev) { //用户在

元素 上右击鼠标时执行

let Oevent = ev || event

Odiv.style.display = 'block'

Odiv.style.left = Oevent.clientX + 'px'; //在哪里点击菜单哪里就出现div

Odiv.style.top = Oevent.clientY + 'px'

return false //阻止页面原本的右键菜单显示

}

Odiv.onclick = function (ev){

var Oevent = ev || event

Oevent.cancelBubble = true

}

document.onclick = function () {

Odiv.style.display = 'none'

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史