页面中,禁止html内容被选择

时间:2023-03-08 23:09:46
页面中,禁止html内容被选择

1、通过css的方式

      *{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}

2、通过在body标签中添加如下属性:

    <body oncontextmenu="return false;" onselectstart="return false">

前面一句是禁止右键的,后面一句是禁止复制的。

3、在js中添加如下两行语句:

    //禁止页面选择以及鼠标右键
document.oncontextmenu=function(){return false;};
document.onselectstart=function(){return false;};