OnContextMenu事件

Posted ysq2018china

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了OnContextMenu事件相关的知识,希望对你有一定的参考价值。

用oncontextmenu事件单禁用右键菜单 

一个页面中,BODY中用oncontextmenu=‘return false‘来取消鼠标右键;在JS中设置oncontextmenu=‘return true‘用window.document.oncontextmenu = function(){ return false;} 

onconTextmenu=window.event.returnValue=false;右键菜单禁用,用这个可以禁止复制。 

在<body>中加入属性代码: 

oncontextmenu="return false"               

onselectstart="return false"                   禁止选中网页上的内容 

oncopy="return false"                           防复制用户在网页上选中的内容 



防止用户另存网页: 

利用<noscript><iframe src=*.html></iframe></noscript>标签,能防止网页的直接另存,但不能防止网页被人使用工具下载 

*为通配符。 

例1: 

<html> 
<head> 
<title>OnContextMenu事件</title> 

<script language="javascript"> 
<!-- 

function uFunction() 

{     document.all.infoDiv.innerHTML=‘你按下了鼠标右键,但是右键菜单不能 显示!‘;} 

function uFunction2() 

{    document.all.infoDiv.innerHTML=‘你按下了Ctrl+鼠标右键,可以 显示右键菜单。‘;} 

//--> 

</script> 
</head> 

<body oncontextmenu="if(!event.ctrlKey){uFunction();return false}else{uFunction2()}"> 

<div id="infoDiv">你按下了鼠标右键,但是右键菜单不能 显示!<br>你按下了Ctrl+鼠标右键,可以显示右键菜单。 
</div></body> 
</html>

以上是关于OnContextMenu事件的主要内容,如果未能解决你的问题,请参考以下文章

OnContextMenu实现禁止鼠标右键

在textarea元素Angularjs中触发oncontextmenu事件

我想在右键单击时制作 oncontextmenu 事件

React合成事件:onClick或onContextMenu被调用后onDrag不会触发

js常用事件

自定义右键菜单