禁止选择文本

这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的 
  css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}
<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;"> 
  屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 
  属性有三个属性值： 
  1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 
  2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。 
  3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。

禁止选择文本

时间： 2024-10-29 07:44:19

禁止选择文本的相关文章

[转]CSS禁止选择文本功能

有时候,我们为了用户体验,需要禁用选择文本功能.这需要用到一个CSS属性:user-select,user-select的文档点这里 user-select有两个值:none:用户不能选择文本text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-

禁止选择文本和禁用右键 v1.0

var zhonghao={ //绑定事件 myAddEvent: function(obj, sEvent, fn){if(obj.attachEvent){obj.attachEvent('on'+sEvent, fn);}else{obj.addEventListener(sEvent, fn, false);}}, //禁止选择文本 disableselect:function(e){ var omitformtags=["input", "textarea"

禁止选择文本和禁用右键 v2.0

禁止鼠标右键(注:在火狐浏览器没有起到效果作用) <script> function stop() { return false }; document.oncontextmenu = stop; javascript: ; </script>

禁止选择文本样式

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-se

onselectstart禁止选择

在做一些动画效果时,因为有文本的存在,会无意选择到文本,就需要禁止选择文本 可以在标签上加 也可以在js中写 element.onselectstart=function(){} 注意:次事件对input和textarea无效 onselect  只对input和textarea生效,,选中文本时执行函数 element.onselect=function(){}

css禁止用户选择文本（兼容所有浏览器）

css禁止用户选择文本(兼容所有浏览器) 如果让整个页面都禁止选择,可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 如果希望指定元素禁止访问,请看下面的示例代码: <!doctype html> <html

禁止input文本框输入select无法选择

readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. 代码如下:<input type="text" name="en_name" readonly="readonly" /> disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传

禁止用户选择文本

user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-s

CSS如何实现禁止选中文本

CSS如何实现禁止选中文本:禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带来一定的帮助.代码如下: div{ text-align:center; vertical-align:middle; height:39px; overflow:hidden; moz-user-select:-moz-no