一段js代码解决网页内容无法复制的问题
2012-03-06 10:12
741 查看
一定遇到过网页内容无法复制的问题,虽然实现技术简单,但碰到时还真是挺烦人的,现在偶提供一个最迅速的解决方案,就是在浏览器地址栏输入以下代码:
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
嘿嘿,是不是可以选中内容可以复制了?神奇吧!
说到灵感来源,还要从前几天在某blog看到一个搞笑的技术说起,它是通过在地址栏输入javascript代码而使得网页中的图片满天飞舞,效果还真不错。虽然很容易明白其原理,但还是很pf作者的创意,呵呵。。于是便想这个小trick是否能有其他实用的用处呢。。。
说到这里,大家都明白了,就是用来解决网页能容无法复制的问题。
首先了解下常见的实现无法复制内容的javascript技术,如下:
(1)屏蔽选中事件
document.onselectstart=function(){return false;}
(2)屏蔽右键菜单
document.oncontextmenu=function(){return false;}
(3)另一种屏蔽右键菜单
document.onmousedown=function(){
if(event.button==2)return false;
}
(4)屏蔽ctrl按键
document.onkeydown=function(){
if(event.ctrlKey)return false;
}
了解了上述原理,要屏蔽就易如反掌了,呵呵,在浏览器输入如下代码:
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
实际中发现如果不用alert语句套上,会导致浏览器重写当前窗口,于是就加上了。大家不妨试试,遇到不奏效的记得反馈下,我好研究是否有更完善的方案
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
嘿嘿,是不是可以选中内容可以复制了?神奇吧!
说到灵感来源,还要从前几天在某blog看到一个搞笑的技术说起,它是通过在地址栏输入javascript代码而使得网页中的图片满天飞舞,效果还真不错。虽然很容易明白其原理,但还是很pf作者的创意,呵呵。。于是便想这个小trick是否能有其他实用的用处呢。。。
说到这里,大家都明白了,就是用来解决网页能容无法复制的问题。
首先了解下常见的实现无法复制内容的javascript技术,如下:
(1)屏蔽选中事件
document.onselectstart=function(){return false;}
(2)屏蔽右键菜单
document.oncontextmenu=function(){return false;}
(3)另一种屏蔽右键菜单
document.onmousedown=function(){
if(event.button==2)return false;
}
(4)屏蔽ctrl按键
document.onkeydown=function(){
if(event.ctrlKey)return false;
}
了解了上述原理,要屏蔽就易如反掌了,呵呵,在浏览器输入如下代码:
javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});
实际中发现如果不用alert语句套上,会导致浏览器重写当前窗口,于是就加上了。大家不妨试试,遇到不奏效的记得反馈下,我好研究是否有更完善的方案
相关文章推荐
- 一段js代码解决网页内容无法复制的问题
- js解决网页无法复制文字的问题
- 复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
- 网页内容无法复制解决方法,怎么复制被保护的网页内容
- JS实现复制网页内容自动加入版权内容代码和原文链接
- 彻底解决网页文字无法选中以及复制的问题!!!(搜集整理)
- 让网页内容无法复制的代码
- 微信浏览器页面js刷新页面代码,解决微信jquery无法刷新问题
- 复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
- 解决使用 clipboard.js 复制内容点击两次才能成功问题
- 解决在使用flask时向网页中插入一段包含html标签的内容正常显示的问题
- 原生js实现复制内容到剪切板(解决jquery实现不了的问题)
- js提交文本内容,无法提交到服务器问题解决和js替换字符串问题
- 解决TextBox中, JS方法(DatePicker)改变Text内容后, 无法触发OnTextChanged事件的问题
- 网页内容无法复制(一些基本的解决方法)
- 解决eclipse复制粘贴js代码卡死的问题
- 解决eclipse复制粘贴js代码卡死的问题
- js复制网页内容并兼容各主流浏览器的代码
- 解决网页内容无法复制的方法
- 只允许选择网页内容,不允许复制网页内容的js代码