javascript 学习右键点击事件不要浏览器的右键工具栏

Sukla

于 2018-03-28 15:44:03 发布

阅读量775

点赞数

CC 4.0 BY-SA版权

分类专栏：学习前端之javascript笔记

本文链接：https://blog.youkuaiyun.com/Sukla/article/details/79728723

学习前端之javascript笔记专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该示例通过JavaScript禁用了页面中的右键点击菜单功能。当用户尝试在指定的div元素上使用鼠标右键时，控制台将记录事件信息，并阻止默认的上下文菜单显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，效果

2，代码

<!doctype html>
<head>
<meta charset="utf-8"/>
<style>
#click-container{
width:400px;
height:400px;
background-color:#000000;
}
</style>
</head>
<body>
<div id="click-container"></div>
<script>
var clickbox=document.getElementById('click-container');
clickbox.oncontextmenu=function(e){
var e=event||window.event;
console.log(e);
return false;
}
</script>
</body>
</html>