通过javascript来实现:
oncontextmenu 右键菜单事件
onselectstart 选中网页内容事件
oncopy 复制网页内容事件
写法1:
</>code
- <script type="text/javascript">document.oncontextmenu = function(){return false;};</script>
</>code
- 写法2:
- 也可以直接在<body>标签上添加属性,如:java代码
</>code
- <body οncοntextmenu="return false">
</>code
- 效果一样。明白了上面的原理,也就找到了破解的方法,如下:在浏览器地址栏(或者 Ctrl + O)输入以下代码:
</>code
- javascript:alert(document.onselectstart = document.οncοntextmenu= document.onmousedown = document.onkeydown = function(){return true;});
通过css中让网页禁止右键菜单的方法:
</>code
- -webkit-touch-callout: none; /*系统默认菜单被禁用*/
- -webkit-user-select: none; /*webkit浏览器*/
- -khtml-user-select: none; /*早起浏览器*/
- -moz-user-select: none; /*火狐浏览器*/
- -ms-user-select: none; /*IE浏览器*/
- user-select: none; /*用户是否能够选中文本*/
/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/
</>code
- *{
- -webkit-touch-callout:none;
- /*系统默认菜单被禁用*/
- -webkit-user-select:none;
- /*webkit浏览器*/
- -khtml-user-select:none;
- /*早期浏览器*/
- -moz-user-select:none;
- /*火狐*/
- -ms-user-select:none;
- /*IE10*/
- user-select:none;
- }
- input,textarea {
- -webkit-user-select:auto;
- /*webkit浏览器*/
- margin: 0px;
- padding: 0px;
- outline: none;
- }
如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛