禁止鼠标右键及svg中自定义右键菜单

最新推荐文章于 2023-09-01 15:47:22 发布

long316

最新推荐文章于 2023-09-01 15:47:22 发布

阅读量833

点赞数

分类专栏： javaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/long316/article/details/84276102

版权

javaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

svg屏蔽右键菜单
1 :
if(evt.button == 2)
evt.preventDefault();

2:
contextMenu.removeChild(contextMenu.firstChild);

3:
<svg zoomAndpan = "disable">

（1）屏蔽鼠标右键会经常用到，如下：

function document.oncontextmenu()//屏蔽鼠标右键
{
return false;
}

（2）屏蔽键盘F5可用于防止表单重复提交。

function document.onkeydown()//屏蔽键盘F5
{
if(window.event.keyCode == 116)
{
window.event.keyCode=0;
event.cancelBubble=true;
return false;
}
}

JavaScript屏蔽鼠标右键还可以在body标签里加上οncοntextmenu=
self.event.returnvalue=false
或者:
<script language="javascript">
function document.oncontextmenu() {
return false;
}
</script>
function nocontextmenu(){
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}}
或者:
<body οnmοusedοwn="rclick()" οncοntextmenu= "nocontextmenu()">
<script language="javascript">
function rclick(){
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}}}
</script>
另外

οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table>
可用于Table

<body onselectstart="return false"> 取消选取、防止复制

οncοpy="return false;" oncut="return false;" 防止复制

long316

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
禁止鼠标右键及svg中自定义右键菜单

svg屏蔽右键菜单1 :if(evt.button == 2)evt.preventDefault();2:contextMenu.removeChild(contextMenu.firstChild);3:（1）屏蔽鼠标右键会经常用到，如下： function document.oncontextmenu()//屏蔽鼠标右键{ ...
复制链接

扫一扫

专栏目录