内容防止复制和内容选择预防脚本也阻止选择在HTML表单中工作

Question

我正在使用一个小脚本来防止复制/粘贴&选择/拖动预防措施，以防止我的内容轻易从我的网页上复制。它在所有浏览器中工作得很好，并防止所有这些。但是，我面临的问题与它的使用 - 网页中的选择表单也无法正常工作。我无法选择该形式的选项，只能看到但不能操作。我有一个简单的选择html表单来选择访客想要在页面中看到的行数 - 但这不起作用，选择选项不会打开。我认为脚本也在阻止这个html表单选择。所以请在这种情况下帮助我，我可以做些什么修改，使我的两件事情继续工作。或者建议我为这两个新的代码应该工作。

我使用即时我的身体标记后的形式防止拷贝和选择/拖动的脚本如下：

<script language="javascript" type="text/javascript"> 
     function disableselect(e) {    
      return false 
     } 
     function reEnable() { 
      return true 
     } 

     document.onselectstart = new Function("return false") 

     if (window.sidebar) { 
      document.onmousedown = disableselect     // for mozilla   
      document.onclick = reEnable 
     } 

     function clickIE() { 
      if (document.all) { 
       (message); 
       return false; 
      } 
     } 


     document.oncontextmenu = new Function("return false") 

     var element = document.getElementById('tbl'); 

     element.onmousedown = function() { return false; }  // For Mozilla Browser 

    </script> 

请看看这是什么样的变化，我应该在上面的脚本，这样做我表单选择也开始工作。或者请建议解决这两个问题的脚本的其他片段。那么我想在这里告诉你，上面的脚本不是我的，我从网上拿走了那个脚本，因为我不是太高级别的程序。但我知道，我必须在这里得到帮助......提前致谢！

Answer 1

你可以尝试使用使用CSS像这样抄袭预防不同的方法：

.unselectable { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -o-user-select: none; 
    user-select: none; 
} 

然后进行取出JS引起你的烦恼。