使用JavaScript启用阻止的文本选择

Question

我最近遇到了website that disabled text selection，阻止任何人轻松地复制和粘贴文本。我有一个小书签，禁止使用JavaScript阻止上下文菜单的类似尝试，我想知道是否可以为文本选择做类似的事情。

function disableSelection(target){ 
if (typeof target.onselectstart!="undefined") //For IE 
    target.onselectstart=function(){return false} 
else if (typeof target.style.MozUserSelect!="undefined") //For Firefox 
    target.style.MozUserSelect="none" 
else //All other route (For Opera) 
    target.onmousedown=function(){return false} 
target.style.cursor = "default" 
} 

其他地方的函数调用disableSelection(document.body)。

从我的上下文菜单中选择书签的解决方案也可能是必要的：

javascript:void(document.onmousedown=null); 
void(document.onclick=null); 
void(document.oncontextmenu=null) 

最后，我看到了elsewhere on StackOverflow是CSS也可用于：

-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-o-user-select: none; 
user-select: none; 

有没有打所有的方法这些立即结束这个暴虐通过我的浏览器？我如何为所有元素启用MozUserSelect/SelectStart并设置CSS属性？

Answer 1

在我每天必须在工作中使用的恶劣Web应用程序中遇到同样的问题。

尝试写我自己的小书签，它会overwride onselectstart事件处理程序，但它没有工作，显然是因为额外的CSS规则，必须修改。

然后，我发现Enable All Text Selection bookmarklet by Alan Hogan，这解决了我的问题。小书签唯一的问题是它不处理帧/ iframe。

作为额外的好处，它还可以在阻止它的页面上启用鼠标右键单击事件。

创建一个书签（例如，通过将图标拖到URL左侧的任何页面到您的书签栏），右键单击并选择编辑，重命名为有意义的内容，然后在URL中插入以下代码字段：

javascript:(function(){function ats(){var styles='*,p,div{user-select:text !important;-moz-user-select:text !important;-webkit-user-select:text !important;}';jQuery('head').append(jQuery('<style />').html(styles));var allowNormal=function(){return true;};jQuery('*[onselectstart], *[ondragstart], *[oncontextmenu], #songLyricsDiv').unbind('contextmenu').unbind('selectstart').unbind('dragstart').unbind('mousedown').unbind('mouseup').unbind('click').attr('onselectstart',allowNormal).attr('oncontextmenu',allowNormal).attr('ondragstart',allowNormal);}function atswp(){if(window.jQuery){ats();}else{window.setTimeout(atswp,100);}}if(window.jQuery){ats();}else{var s=document.createElement('script');s.setAttribute('src','http://code.jquery.com/jquery-1.9.1.min.js');document.getElementsByTagName('body')[0].appendChild(s);atswp();}})(); 

它有一些限制，尽管它不会在嵌套帧内工作。

---

..btw，使书签代码可读性，我已经使用了Bookmarkelt生成器在http://subsimple.com/bookmarklets/jsbuilder.htm - 只是贴上精缩书签文本，然后单击格式按钮;这个工具为我节省了很多时间。

Answer 2

网站总能找到令人厌恶的方式。他们所要做的就是在图片上放置透明的图片，或者在图片中放置文字，这样会稍微放慢速度。

放弃担心它。 Firefox 4 +可让您再次右键单击，以便应用程序无法将其从您身上夺走。如果你认为一个网站是令人讨厌的，那就停止使用它，并支持一些不太讨厌的站点，或者停止尝试不想让你采取的事情。除非页面全部由JS动态构建，否则您始终可以从页面源获取文本。我说你应该停止使用惹恼你的网站。如果每个人都这样做，他们就不得不改变他们的方式。

Answer 3

同意jfriend00。避免这些问题网站是很好的。除非它真的需要存储到网站上......那么你可以考虑尝试一下：

为问题网站禁用浏览器Java脚本也可能工作。 http://browsers.about.com/od/googlechrome/ss/disable-javascript-chrome-windows.htm

Answer 4

与网站有同样的问题。

当Javascript尝试使用 来选择文本时，CSS无法解决此问题。

有两种方法可以解决这个问题 1）在Web浏览器上禁用Javascript。 请查看以供参考。 http://browsers.about.com/od/googlechrome/ss/disable-javascript-chrome-windows.htm 2）打开javascript控制台。我正在使用chrome（在Mac上单击shift + C命令+ C，在Ubuntu和Windows上使用f12）

复制此代码document.body.onselectstart = function() {return true;}; 并将其粘贴到控制台中，然后按Enter键。

Answer 5

看在其他网站相同的恼人js和更多：

<script type="text/javascript" language="JavaScript"> 
function disableText(e){ 
    return false 
} 
function reEnable(){ 
    return true 
} 
//For browser IE4+ 
document.onselectstart = new Function ("return false") 

//For browser NS6 
if (window.sidebar){ 
    document.onmousdown = disableText 
    document.onclick = reEnable 
} 
</script> 
<script language="JavaScript1.2"> 
var msgpopup=""; 
function pmb(){ 
     if(alertVis == "1") alert(message); 
      if(closeWin == "1") self.close(); 
      return false; 
} 
function IE() { 
    if (event.button == "2" || event.button == "3"){pmb();} 
} 
function NS(e) { 
    if (document.layers || (document.getElementById && !document.all)){ 
      if (e.which == "2" || e.which == "3"){ pmb();} 
    } 
} 
document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("alert(msgpopup);return false") 

</script> 
<script type="text/javascript"> 
function disableSelection(target){ 
if (typeof target.onselectstart!="undefined") //For IE 
    target.onselectstart=function(){return false} 
else if (typeof target.style.MozUserSelect!="undefined") //For Firefox 
    target.style.MozUserSelect="none" 
else //All other route (For Opera) 
    target.onmousedown=function(){return false} 
target.style.cursor = "default" 
} 

</script> 

请注意，所有的事件处理程序或者连接到手动document和disableSelection(document.body)。因此，允许鼠标事件的@ alan-h引用的脚本也需要更新以在document和document.body上运行。 （re：el.onselectstart = el.ondragstart = el.ondrag = el.oncontextmenu = el.onmousedown = el.onmouseup = function(){return true};）