首页前端开发正文

利用js的onselectstart事件来防止页面内容被选取

朱绪2017-06-152706JavaScript

怎样防止网页内容被选取?我们可以利用JavaScript的onselectstart事件。

语法是:

document.body.onselectstart=function(){
    return false;
}

举个例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload=function(){
            document.body.onselectstart=function(){
                return false;
            }   
        }
    </script>
</head>
<body>
    <div>努力还是后悔,哪个更痛苦?</div>
</body>
</html>

浏览器预览效果如下:

利用js的onselectstart事件来防止页面内容被选取

防止网页内容被选取,本质上其实也就是防止用户去复制内容。

防止用户复制内容,我们有两种实现的方式,oncopy事件和onselectstart事件。