禁止鼠标多次点击选中div中的文字

雨点打透心脏的1/2处 2022-06-18 06:45 255阅读 0赞

来源：[http://www.cnblogs.com/myjiejie/archive/2010/12/04/1896327.html][http_www.cnblogs.com_myjiejie_archive_2010_12_04_1896327.html]

今天遇到一个很少有的问题  做div的点击计数事件  因为里面有文字 所以 当点击多次时  文字老被选中  可郁闷了   查了查资料   有用css实现的 也有用js实现的 具体原理就细看 直接上解决方法

下面来自转载 网上滴：

>    这是通过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输入框中的文字除外。

另外可以参考：[http://flyash.itcao.com/post\_886.html][http_flyash.itcao.com_post_886.html]

[http_www.cnblogs.com_myjiejie_archive_2010_12_04_1896327.html]: http://www.cnblogs.com/myjiejie/archive/2010/12/04/1896327.html
[http_flyash.itcao.com_post_886.html]: http://flyash.itcao.com/post_886.html

发表评论取消回复

表情：

评论列表（有 0 条评论，255人围观）

还没有评论，来说两句吧...

相关阅读

相关鼠标点击网页出现文字

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runa

港控/mmm°/ 2023年10月02日 03:27/ 0 赞/ 38 阅读

相关【vue】禁止重复点击发送多次请求

在提交按钮添加loading，通过loading状态防止多次点击![在这里插入图片描述][25e5b6602e314e6a8f8e79b919545211.png] El

水深无声/ 2023年09月26日 11:56/ 0 赞/ 12 阅读

相关 js获取鼠标选中的文字

定义需要获取的内容的节点： <span onClick="SelectText()">河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是

r囧r小猫/ 2023年06月26日 15:28/ 0 赞/ 144 阅读

相关禁止鼠标多次点击选中div中的文字

来源：[http://www.cnblogs.com/myjiejie/archive/2010/12/04/1896327.html][http_www.cnblogs.co

雨点打透心脏的1/2处/ 2022年06月18日 06:45/ 0 赞/ 256 阅读

相关鼠标点击不选中文字

前言：经常遇见很讨厌的事情，就是在鼠标双击或者连续单击的时候会选中问题，这次在做图片滚动的时候，左边采用了<，没有采用图片，在用户连续点击的时候就会选中这个箭头，用户体验非常

╰半夏微凉°/ 2022年06月05日 08:51/ 0 赞/ 326 阅读

相关鼠标点击显示冒泡文字

逛网站的时候遇到一个有趣的鼠标点击事件： ![这里写图片描述][Image 1] 点击鼠标会有文字不显示，上漂一定时间后消失。现记录作为收藏具体代码：

谁践踏了优雅/ 2022年05月29日 06:57/ 0 赞/ 332 阅读

相关获取鼠标选中文字

原博地址:http://www.cnblogs.com/NetSos/archive/2011/02/14/1954345.html 本文关键点： document.sel

悠悠/ 2022年05月20日 04:41/ 0 赞/ 287 阅读

相关 div的鼠标点击事件

<html xmlns="[http://www.w3.org/1999/xhtml][http_www.w3.org_1999_xhtml]"> <head> <

怼烎@/ 2022年04月13日 11:22/ 0 赞/ 623 阅读

相关鼠标点击特效·爱心❤和文字

> 爱心特效❤ <script type="text/javascript"> / 网页鼠标点击特效（爱心）/ !fu

末蓝、/ 2021年09月23日 16:30/ 0 赞/ 361 阅读

相关 js获取鼠标选中的文字

定义需要获取的内容的节点： <span onClick="SelectText()">河中鱼类离奇死亡，下游居民频染怪病，沿岸植物不断变异，是残留农药？还是

末蓝、/ 2021年06月26日 16:06/ 0 赞/ 561 阅读