<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
font-family: "Microsoft YaHei", serif;
}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none
}
#menu{
position: fixed;
z-index: 999;
width: 180px;
height: 250px;
background-color: #cc3366;
}
</style>
</head>
<body>
<div id="wrap"></div>
<script>
// 单例模式
let createMenu = (function () {
let div = document.createElement("div");
div.id = "menu";
div.onclick = function (ev) {
ev.stopPropagation()
};
return function (left,top) {
div.style.cssText = `left:${left}px;top:${top}px;`;
return div
}
})();
document.oncontextmenu = function (ev) {
ev.preventDefault();
document.body.appendChild(
createMenu(ev.clientX,ev.clientY)
)
};
// 点击消除
document.onclick = function () {
let menu = createMenu();
if (!menu.parentNode)return;
document.body.removeChild(createMenu())
}
</script>
</body>
</html>
Python3Turtle