<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="myDiv">dsdafsdfasdfas dsfsfasdf asd fas dfa sdfa sdf asdf asd fas dfas dfas </div>
<ul id="myMenu" style="position: absolute; visibility: hidden; background: silver;">
<li><a href="http://www.baidu.com">baidu</a></li>
<li><a href="http://www.baidu.com">site</a></li>
<li><a href="http://www.baidu.com">yahoo!</a></li>
</ul>
<script>
var div = document.getElementById(‘myDiv‘);
div.addEventListener(‘contextmenu‘, function (e) {
e.preventDefault();
var menu = document.getElementById(‘myMenu‘);
menu.style.left = e.clientX + ‘px‘;
menu.style.top = e.clientY + ‘px‘;
menu.style.visibility = ‘visible‘;
}, false);
document.addEventListener(‘click‘, function () {
document.getElementById(‘myMenu‘).style.visibility = ‘hidden‘;
}, false);
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/bagexiaowenti/p/9527366.html
时间： 2024-08-29 01:49:29