很多朋友都遇到过这样的问题,鼠标移动div时老是容易选中div中的文字,操作过快甚至连网页都给咔嚓了,十分蛋疼,小编倒是想知道jb51的小伙伴们在抄袭别人的时候有没有遇到!

具体问题

移动div的时候速度过快会选中div中的文字,同时会影响div移动的流畅性,导致效率很低

解决方法

通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的 cssstyle:

代码:

html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}

屏蔽选择的样式定义:-moz-user-select属性(只支持ff)。

属性有三个属性值:

1、 none:用none,子元素所有的文字都不能选择,包括input输入框中的文字也不能选择。

2、 -moz-all:子元素所有的文字都可以被选择,但是input输入框中的文字不可以被选择。

3、 -moz-none:子元素所有的文字都不能选择,但是input输入框中的文字除外。

好了,不知道大家的问题解决了没,没有的话可以在下面留言小编哥哥来帮你。

html div鼠标选中状态,CSS鼠标移动div时如何避免选中div中的文字相关推荐

  1. html鼠标手状态,css鼠标样式

    css鼠标样式 cursor中hand与pointer 例子:CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用. 例子:CSS鼠标手型效果 ...

  2. html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)

    CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:文本或其它页面元素  文本或其它页面元素  注意把 * 换成如下15个效果的一种: 下面是对这15 ...

  3. html 手指状态,CSS 鼠标样式和手指样式整理

    CSS 鼠标样式和手指样式整理 发布时间:2013-08-13 11:36:19   作者:佚名   我要评论 要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊,下面与大家分 ...

  4. html 图片不能选中状态,css图片不让选中状态如何实现

    css实现图片不让选中状态的方法:首先打开相应css代码文件:然后使用css中的"pointer-events"属性设置图片不让选中,其语句如"img {pointer- ...

  5. c语言鼠标移动响应,CSS鼠标响应事件经过、移动、点击示例介绍

    几种鼠标触发CSS事件. 说明: onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 on ...

  6. css标签鼠标移动事件,CSS鼠标响应事件经过、移动、点击示例介绍

    几种鼠标触发CSS事件. 说明: onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 on ...

  7. html导航默认选中状态,css 导航栏下划线跟随效果,默认第一个li为选中状态

    本次主要是联系css实现导航栏下划线跟随效果 HTML: js:主要是为了刷新页面,让第一个li默认有下划线和选中效果 css: /*下划线跟随*/ ul{ display: flex; positi ...

  8. html 导航栏 选中状态,CSS导航菜单高亮选中菜单项

    我开发了一个CSS导航菜单,并为每个导航项我写了php.file.CSS导航菜单高亮选中菜单项 homepage.php My First Try Of CSS Navigation Bar /* B ...

  9. html菜单栏点击后处于选中状态,js实现导航菜单点击切换选中时高亮状态

    随着用户点击导航或菜单上不同的页面,出现此选项高亮显示或变为一个新的样式是经常用到的.实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的 ...

  10. html单选框选中状态,jquery如何判断单选框是否被选中?

    jquery如何判断单选框是否被选中?下面本篇文章就来给大家介绍一下Jquery判断单选框是否选中和获取选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:利用选中 ...

最新文章

  1. 需求简报_代码简报:有史以来最怪诞的丑毛衣
  2. MYSQL5 表列更名删除等操作测试(更新中...)
  3. linux shell putty 无法使用 home end 键
  4. 支持向量机:Numerical Optimization
  5. 11、MySQL算术运算符
  6. [BUUCTF-pwn]——bjdctf_2020_babyrop2
  7. linux中的IO函数
  8. (王道408考研操作系统)第一章计算机系统概述-第一节4:中断和异常
  9. 关于一类docker容器闪退问题定位
  10. 将excel数据导入到SQL server数据库
  11. 各种品牌进入Bios方式
  12. 分布式架构网络通信——netty
  13. 测试睡眠的软件是,MOORING睡眠检测
  14. java string rt_【Java常用类之String类18】
  15. a boo peek_|音译|171120*歌词ΓRed Velvet - Peek-A-Boo
  16. “智慧机场3.0”样板工程 北京大兴机场物联网系统有多牛?
  17. ele.getBoundingClientRect()使用
  18. 2018最新精选的Go框架,库和软件的精选列表 三
  19. Https证书/SSL证书异常导致访问失败该如何解决?
  20. cisco 3550

热门文章

  1. pyqt 控件焦点_PyQt5 控件学习(一个一个学习之QTextEdit)
  2. rstudio安装后如何打开_请问Rstudio安装后无法运行怎么弄?
  3. linux-网络安全防火墙
  4. 路由器默认IP地址和猫IP冲突的解决方法
  5. 哄女朋友的睡前小故事(一)
  6. LeetCode452用最少的箭射爆气球
  7. 220805我文明的体现在书法艺术上此对标志LOGO设计产生的积极深远影响分析
  8. win7如何设置wifi热点_mac如何共享网络?mac怎么建立wifi热点?
  9. xbox手柄电脑怎么测试软件,win10电脑怎么连接xbox手柄?win10电脑连接xbox手柄的详细步骤...
  10. 【调剂】上海海洋大学大数据和遥感方向接收硕士调剂