通过CSS禁用页面内容选中和复制操作

CSS禁止鼠标拖动选择文字,禁用页面内容选中和复制操作,只需在body的样式中加入如下代码就可以了

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

时间: 2024-10-29 07:30:44

通过CSS禁用页面内容选中和复制操作的相关文章

JavaScript禁用页面内容选中和复制操作

禁用页面内容选中和复制操作 *{ -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select:none;/*禁用页面内容选中和复制操作*/ -webkit-touch-callout:none;/*禁用长按页面时的弹出菜单(iOS下有效)*/ -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)

通过CSS禁用页面模块的复制和粘贴功能

样式代码: -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; 或设置属性,通过js控制: oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.select

CSS阻止页面双击选中文本

http://www.w3cui.com/?p=141 当点击连续点击箭头按钮时会出现蓝色部分.这个问题也是双击选中文本引起的.

H5页面内容较少时如何让页面全屏在手机显示呢

解决方案1: 设置如下:html,body{ min-height:100vh; background-color:#fff; }这样高度首先不会写死,而且满足最小高度是满屏 解决方案2: 可以用vh和vw来布局.100vh和100vw就是你设备的高度和宽度.先把外面盒子固定下来,所有的盒子的高度加起来等于100vh刚好占满一屏这样就不会有空白.像你这种盒子比较少的可以用js获取设备的高度和宽度,然后用js设置盒子的高度,加起来等于你设备的高度就可以了.字体大小用rem表示.相对于根字体的大小.

使用CSS里的user-select属性控制用户在页面上选中的内容

CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字.图片等,也就是,让页面内容不可选.也可以只允许用户选中文字,或者全部都放开,用户可以同时选中文字.还包括文本里的图片.视频等其它东西.user-select属性的作用是元素级别的,它不仅可以作用整个页面,也可以只在指定的元素和其子元素上生效. "user-select"属性在各大浏览器里都还是实验性的属性,以后有可能废弃,也有可能转正,目前使用各种浏览器引擎前缀,它的作用还是能发挥的不错的. user-select

Zclip复制页面内容到剪贴板兼容各浏览器

Zclip:复制页面内容到剪贴板兼容各浏览器 WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,点击这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方,下面介绍一种使用Zclip实现的兼容主流浏览器的方式. 利用插件来写的话就比较简单,源码下载 <html> <head> <title>Index</title> <script src=

css让页脚始终在底部不论页面内容多少

让页脚始终在页面底部,不论页面内容是多或者少页脚始终在页面底部,在某些情况下这些功能还是比较实用的,下面为大家介绍下几种不错的实现方法,大家可以参考下. 方案一: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> body,html { margin: 0; padding: 0; height:10

Zclip:复制页面内容到剪贴板兼容各浏览器

WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方. 效果如下所示: 下面将结合实例讲解如何使用一款基于jQuery的插件——Zclip来实现复制内容到剪贴板的功能,只说如何使用,不讲原理.其实IE上有个方法可以实现点击复制,但是由于只是IE独有,所以我们不提倡.而Zclip是利用一个隐藏的flash文件来完成复制的功

Linux必会原理之输入网址到看到页面内容原理

用户从浏览器输入网址到页面显示,细分了一下基本上由八大快原理组成,他们是:dns解析原理.TCP三次连接.http请求数据包.数据包的封装.数据包的解封装.集群内部的一个请求.服务器的响应报文.四次断开> dns解析原理:当用户在客户端输入网址后,客户端会先访问本地的hosts文件和dns缓存,我们hosts一般都是做测试使用来配置的.所以设备第一访问这个网址,在本地的hosts和local是没有这个解析的,这个时候会向LDNS(也交本地dns寻求解析),如果lDNS这里有记录,就会反馈给客户端