【angularjs】使用angular搭建项目，pc端实现网页中的内容不可复制

实现目标：不可复制页面内容

js:　　　　　　　　　

    <script language="javascript"> 
        if (typeof(document.onselectstart) != "undefined") {       
            // IE下禁止元素被选取       
            document.onselectstart = function (event){
                if(event.target.tagName!="INPUT"){
                    return false;
                }
            }      
        } else {
            // firefox下禁止元素被选取的变通办法       
            document.onmousedown = function (event){
                if(event.target.tagName!="INPUT"){
                    return false;
                }
            }      
            document.onmouseup = function(event){
                if(event.target.tagName!="INPUT"){
                    return false;
                }
            }       
        }
    </script>

html:

　　

<body ng-class="{'overflow-hide': !bodyOverFlowIsAuto}" ng-controller="OuterController" oncontextmenu="return false">
    <div ui-view="" class="h100"></div>
</body>

 

 

ps:

 //禁止复制粘贴
document.oncontextmenu = new Function("event.returnValue=false");
document.oncopy = new Function("event.returnValue=false");
document.onpaste = new Function("event.returnValue=false");
document.onselectstart = function () {
    return false;
}; //禁止文字选择

 

 

posted on 2018-07-03 10:43  smile轉角  阅读(323)  评论(0)    收藏  举报

导航