网页某块区域鼠标不让选中文字

1、给元素加样式   -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;

2、ie6-ie9 需要加以下js

a.  //不可选中文字
        var oDrag = document.getElementsByClassName("ard-adv");   
        for(var i=0; i<oDrag.length; i++)
        {
            oDrag[i].onselectstart = oDrag[i].ondrag = function(){return false;};
        }

b.   //整个网页

  document.body.onselectstart = document.body.ondrag = function(){

    return false;

  }

时间: 2024-11-06 14:12:53

网页某块区域鼠标不让选中文字的相关文章

Xcode如何拖拽选中文字、拖拽代码

不管是文本编辑,还是代码工具,一般都提供了用鼠标拖拽选中文字到指定地方的功能,但是在Xcode里貌似这样有点儿难,你会发现当想拖动的时候会有时候成功,但是大部分时间都是又处于选择状态.一开始我以为是Mac系统的原因,后来发现在其他地方:浏览器就可以拖动,我想这可能是Xcode里去掉了,但是有时候能拖拽是怎么回事.好吧,我不coding了,非得找出来. 废话不多说了: 点击选中的代码(文字),不要移动和松开鼠标左键,当竖线变成箭头之后就可以拖动了,其实不需要多少时间,基本上就是:不要直接点鼠标左键

开发油猴脚本:给任意网页的选中文字涂色

概述 简单来说:就像在现实课本上用mark笔涂色划重点一样,可以用这个脚本在任意网页上涂色划重点. 开发缘由:每次在网上看资料的时候,都会默默归纳几个重要的地方,但是看完资料写博客的时候又容易忘重点,所以我开发了这款脚本. 脚本缺陷:(1)不能刷新网页,否则标记就没了.(2)只能标记同一种文字,不能超链接,文本,引用,强调一起标记,但是可以分开标记. 演示 脚本代码 首先,需要在浏览器上面安装油猴(Tampermonkey)插件.360浏览器可在扩展中心找到.其它浏览器的安装方法请自行百度. 最

用js onselectstart事件鼠标禁止选中文字

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </

wpf ListView DataTemplate方式的鼠标悬停和选中更改背景色

今天使用wpf技术弄一个ListView的时候,由于需求需要,需要ListView显示不同的数据模板,很自然的使用了DataTemplate方式来定义多个数据模板,并在ListView中使用ItemTemplateSelector绑定模板.添加上数据源显示后数据显示根据数据的类型不同显示了不同的数据模板,这很符合我的需求,但是当我把鼠标悬停到ListView和选中一行数据时,惊讶的发现ListView还是显示自带的背景色,简直丑哭了,不能忍,我要自定义鼠标悬停和选中的背景色. 通过一上午的忙碌才

PKU 1562/HDU 1241 Oil Deposits(原油有多少块区域---BFS,DFS)

Oil Deposits Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Description The GeoSurvComp geologic survey company is responsible for detecting underground oil deposits. GeoSurvComp works with one large rectangular region o

中矿新生赛 H 璐神看岛屿【BFS/DFS求联通块/连通块区域在边界则此连通块无效】

时间限制:C/C++ 1秒,其他语言2秒空间限制:C/C++ 32768K,其他语言65536K64bit IO Format: %lld 题目描述 璐神现在有张n*m大小的地图,地图上标明了陆地(用"#"表示)和海洋(用"."表示),现在璐神要计算这张地图上岛屿的数量. 已知岛屿是由陆地的连通块组成,即一块陆地的上.下.左.右,左上,右上,左下,右下有其他陆地,则构成连通块,以此类推. 此外,岛屿的详细定义如下: 1.岛屿的周围必须全是海洋. 2.如果连通块有任意

css3应用之自定义选中文字的背景颜色

在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理.其实这样是很符合用户体验的.因为有很多的人会用鼠标选择着一行一行的阅读.其中就包括本人... 浏览器中默认的选中的文字颜色为白色,背景色为蓝色. 我们如何自定义呢? 效果参见本博客,选中文字后可以见到效果.本博客中用到的代码是 body ::selection {color:#FFFFFF;text-shadow:none;}body ::-moz-selection {color:#FFFFFF;background-col

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec

屏蔽双击选中文字的方法

FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart="return false"(直接加在需要作用的标签) eg:  <div class="test" onselectstart="return false" style="-moz-user-select:none;">你选不到我...(屏蔽双击选中文字的区域)</div>