您现在的位置: 365建站网 > 365学习 > js中oncontextmenu事件和oncontextmenu禁止右键的用法

js中oncontextmenu事件和oncontextmenu禁止右键的用法

文章来源:365jz.com     点击数:137    更新时间:2018-11-07 09:17   参与评论

定义和使用

oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。

注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。

OnContextMenu事件

用oncontextmenu事件单禁用右键菜单 


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


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

<script>
 window.document.oncontextmenu = function(){
     //alert('请不要点击鼠标右键!');
     return false;
 }  
 </script>


在<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>


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

您可能感兴趣的文章:


发表评论 (137人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------