之前做一个网上答题的页面时,考虑到要防止考生利用复制粘贴来提高作弊的可能性,就设计了不允许复制。
方法也很简单,通过设置CSS 的 user-select 就可以达到目的:

    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */

user-select 的默认值是 text :可以选择文本
none :文本不被选择

大家在制作的时候有时候会碰到英文 文本 超过固定宽度,不会自己换行的问题。这种问题以前解决的时候大多都用overflow:hidden或者JavaScript来控制,让其看起来接近完美。当 CSS 3出现的时候,我们就可以用 CSS 3之 文本 换行word-wrap来解决这个问题了。下面就为大家介绍一下 CSS 3之 文本 换行word-wrap吧。 一、word-wrap的语法 复制 代码代码如下: word-wrap : normal || break-word 2、取之说明 (1)normal和break-word,其中normal为默认值,当其值为normal控制连续 文本 换行( 允许 内容 顶开容 extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的 文本 不能 被选中的,自然也是无法 复制 的。 而选择 复制 文本 的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid 文本 选择 复制 功能。 说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌。 首先自定义一下样式,来覆盖默认的 css 样式: 代码如下: <style type=”text/ css ”> .x-selectable, .x-selectable * { -moz-user-select: text!important; -khtml-user-sel 当开发者需要对某局部 文本 进行点击 复制 效果时,在IE下实现比较简单。但要想做到跨浏览器比较困难了。Zero Clipboard 它利用 Flash 进行 复制 ,所以只要浏览器装有 Flash 就可以运行,而且比IE的document.execCommand(“Copy”) 更加灵活。 Zero Clipboard 的实现原理 Zero Clipboard 利用 Flash 进行 复制 ,之前有 Clipboard Copy 解决方案,其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只 允许 在 Flash 上进行操作才能启动剪贴板。所以 Zero Clipboard 对此进行了 -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私. function copy() { var tag = document.createElement(‘input’) tag.setAttribute(‘id’, ‘cp_input’) tag.value =’ 复制 内容 ’ document.getElementsByTagName(‘body’)[0].appendChild(tag) document.getElementById(‘cp_input’).select() document.execCommand(‘copy’) document html5+ CSS 实现禁止IOS长按 复制 粘贴功能因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择 复制 粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。项目是APP,已经经过多款手机适配此时,因此可以放心使用。/* 设置 IOS页面长按不可 复制 粘贴,但是IOS上出现input、textarea 不能 输入,因此将使用-webkit-user-select:aut... 1. 将彻底屏蔽鼠标右键,其实是禁止快捷菜单,因为不光右键可以弹出这个菜单,键盘上空格键右边的windows键也可以激活这个快捷菜单<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body> 禁止选取、防止 复制 3. 禁止粘贴4. 禁止 复制 和剪切5. &... 用户在 复制 网页中某些文字信息时,当 内容 附近有图片时,很容易把这些不需要的图片也 复制 到。这时我们可以通过 CSS 设置 禁止选中,代码如下:.icon{-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select:none;/*Chrome/Safari/Opera*/-khtml-user-select:none;/*K...