禁用页面及页面所有frame内的右键菜单

最新推荐文章于 2022-09-20 10:40:40 发布

zyn010101

最新推荐文章于 2022-09-20 10:40:40 发布

阅读量3.1k

点赞数

分类专栏： frame js 禁用右键

本文链接：https://blog.csdn.net/zyn010101/article/details/8925250

版权

js 同时被 3 个专栏收录

2 篇文章 0 订阅

订阅专栏

frame

1 篇文章 0 订阅

订阅专栏

禁用右键

1 篇文章 0 订阅

订阅专栏

今天遇到一个需求，需要禁用页面的右键菜单，按照网上搜索的结果进行设置后发现单独一个页面可以，里面有嵌套的frame的话不对frame内的区域起作用。经过翻阅文档，自己写了一段脚本，测试完美通过。

a.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script>

//禁用所有子frame中的右键
function noRight(doc){
//frames的集合
	var fs = doc.frames;
	for(var i=0;i<fs.length;i++){
		var f = fs[i];
		var d = f.document;
		var b = d.body;
	
		b.οncοntextmenu=bodyNoRight;
		noRight(d);
	}
}

function bodyNoRight(){
	return false;
}
</script>

 <BODY οncοntextmenu="return false" οnlοad="noRight(this.document)">

  aaaaaaaa

  <iframe src="b.html"></iframe>
 </BODY>
</HTML>

b.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document--b </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  bbbbbbbbbbbbbb
  <iframe src="c.html"/>
 </BODY>
</HTML>

c.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document---c </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  cccccccccccccccccccc
 </BODY>
</HTML>

frameTest.zip (1.4 KB)
下载次数: 2

zyn010101

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
禁用页面及页面所有frame内的右键菜单

今天遇到一个需求，需要禁用页面的右键菜单，按照网上搜索的结果进行设置后发现单独一个页面可以，里面有嵌套的frame的话不对frame内的区域起作用。经过翻阅文档，自己写了一段脚本，测试完美通过。a.html New Document //禁用所有子frame中的右键function noRight(doc){//f
复制链接

扫一扫