css和js禁止网页选择文字

user-select有两个值:

none:用户不能选择文本

text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整

<style>
    body{
        -moz-user-select: none;             /*火狐*/
        -webkit-user-select: none;          /*webkit浏览器*/
        -ms-user-select: none;              /*IE10*/
        -khtml-user-select: none;           /*早期浏览器*/
        user-select: none;
    }
    /*IE6-9还没发现相关的CSS属性*/
    /*IE6-9*/
    document.body.onselectstart = document.body.ondrag = function(){
        return false;
    }
</style>

css和js禁止网页选择文字

时间: 2024-10-05 04:55:14

css和js禁止网页选择文字的相关文章

js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标

css使用user-select,user-select不是W3C标准,浏览器支持不完整:user-select有两个值,none用户不可以选择文本,text用户可以选择文本 body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;} 也

JS让网页上文字出现键盘打字的打字效果

一个挺简单的网页特效:JS让网页上文字出现键盘打字的打字效果实现 演示地址:http://codepen.io/guihailiuli/pen/jPOYMZ 以代码形式实现过程分析: <html> <head> <title>打字效果</title> <meta http-equiv="Content-Type" Content="text/html;charset=gb2312" /> <style

css - user-select 禁止用户选择文字

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

js禁止复制页面文字

做项目的时候有客户提出要求,不能用用户浏览他发表的文章时复制他的文章 一种比较简单的方法,禁止用户选中页面的文字和禁止用户右键菜单 document.oncontextmenu = new Function("event.returnValue=false"); document.onselectstart = new Function("event.returnValue=false"); 如果只是禁止部分区域的话,直接在标签上加上onselectstart=“r

兼容各个浏览器:禁止鼠标选择文字事件

Css #text{ -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none; } html <div id="text" onselectstart="return false;" unselectable="on">拖动滑块验证</div> 原文地址:h

js禁止网页使用右键

document.oncontextmenu=function(){ return false }

页面禁止长按选择文字

//长按禁止选择文字* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 如果是想禁用长按弹出菜单, 用 js node.addEventListener('contextmenu', function(e){ e.preventDefault(); });

js解决网页无法复制文字的问题

碰到有些网站,站长禁止了右键,或者用其它方法不让复制网页的文字,弄的好烦人啊,虽然这是小把戏,但多多少少造成了一些不方便,前几天发现这个解决不能复制问题的小方法,一行代码即搞定,就是下面这行: javascript:alert(document.onselectstart = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;}); 使用方法,复制这行代码到地址栏

鼠标选择文字事件js代码,增加层问题

在页面中增加一个js代码,当用户用鼠标选择文字(鼠标拖动涂蓝文字)时,会出现一个层,提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){  txt = document.selection.createRange().text }else{  txt = window.