<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding:0;
list-style: none;
}
.bigbox{
width: 140px;
height: 140px;
border: 1px solid #ccc;
display: none;
position: absolute;
}
.item{
padding-top: 5px;
margin-left: 5px;
}
</style>
</head>
<body>
<div class="bigbox">
<div class="item">返回</div>
<div class="item">加载</div>
<div class="item">另存为</div>
<div class="item">打印</div>
<div class="item">查看网页源代码</div>
</div>
</body>
<script type="text/javascript">
var content = document.getElementsByClassName("bigbox")[0]
document.oncontextmenu = function(e){
var e = e || event;
var X = e.clientX;
var Y = e.clientY;
content.style.display = "block";
content.style.left = X + "px";
content.style.top = Y + "px";
return false
}
document.onclick = function(){
content.style.display = "none"
}
</script>
</html>
改变鼠标右键样式
猜你喜欢
转载自blog.csdn.net/wujinpengjiusan/article/details/89189314
今日推荐
周排行