css、js实现网页内容禁止选中

标签: 禁止选中 网页内容
3人阅读 评论(0) 收藏 举报
分类:
网页内容不能选中、复制应该如何实现呢?
通过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;
}
通过body标签
<body oncontextmenu="return false;" onselectstart="return false">
//前面一句是禁止右键,后面一句是禁止复制。
通过js
//禁止页面选择以及鼠标右键
document.oncontextmenu=function(){return false;}; 
document.onselectstart=function(){return false;};
查看评论

PHP基础视频-HTML、CSS、js

级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。
  • 2016年01月25日 17:57

阻止元素被选中及清除选中的方法

有时候,我们希望阻止用户选中我们指定区域的文字或内容。 举个栗子,有时候用户在一个区域执行频繁的点击操作,一不小心傲娇地点多了,就会选中当前区域的内容。 再举个栗子,制作轮播组件的时候,点击下一页...
  • cangdu
  • cangdu
  • 2015-01-06 13:29:21
  • 2826

CSS实现网页内容不可被选中

-moz-user-select: none;/*支持Firefox浏览器*/ -webkit-user-select: none;/*支持Chrome,Opera,Safari等浏览器*/ -ms-...
  • xukun5137
  • xukun5137
  • 2016-10-12 08:58:06
  • 967

js 移动端ios禁止选中文字

问题描述 手机端苹果手机,长按可以选中文字,但是一些按钮上一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。 问题解决 使用css可以禁止: .className {user-se...
  • liyujia6636
  • liyujia6636
  • 2018-01-18 23:07:53
  • 271

js+css实现禁止鼠标右键与选中网页文字

关于禁止右键的文章,烈火也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持Firefox火狐浏览器。 CSS代码...
  • yenange
  • yenange
  • 2011-09-21 09:35:53
  • 1443

屏蔽/禁止双击选中文字

1、js方法 selectstart="return false;" >屏蔽双击选中文字的区域 2、css方法 屏蔽双击选中文字的区域...
  • kongjiea
  • kongjiea
  • 2015-07-03 16:10:12
  • 5989

前端开发使用css禁止选中文本,模拟双击禁止选中文本,网页禁止选中文本

前端开发使用css禁止选中文本,模拟双击禁止选中文本,网页禁止选中文本 如何禁止选中文字 http://blog.yunzhancms.com/index.php?s=/Article/detail...
  • u013746297
  • u013746297
  • 2017-07-24 09:13:08
  • 478

css设置禁止文字被选中

// 禁止文字被鼠标选中 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-use...
  • aboboo5200
  • aboboo5200
  • 2017-07-09 15:56:21
  • 3557

禁止文字选中的办法

禁止文字选中的办法
  • duola8789
  • duola8789
  • 2017-04-26 16:35:16
  • 1118

CSS 禁止选择(取消被选中背景)

两个方案 1 使用 user-select  禁止用户选择  -webkit-user-select: none;  /* Chrome all / Safari all */     -moz...
  • ISaiSai
  • ISaiSai
  • 2014-12-09 15:35:34
  • 7652
    个人资料
    持之以恒
    等级:
    访问量: 7万+
    积分: 1598
    排名: 3万+