双击不选中文字(兼容firefox)

最新推荐文章于 2020-03-21 18:03:51 发布
最新推荐文章于 2020-03-21 18:03:51 发布
阅读量162 收藏
点赞数
分类专栏： js 文章标签： Firefox IE Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/skyuck/article/details/83645976
版权
在做一个datatable时,对每一行绑定一个双击时间,但是如果双击到文字上时则会选中文字.
如果双击进入下一页,在IE上则会选中所有的文字.

解决方法:
在body标签上加一个事件: 

<body onselectstart="return false;">


但是这种方式firefox好像不支持
如果要兼容firefox,则可以通过样式的方式去控制 

body   
      {   
        -moz-user-focus:   ignore;   
        -moz-user-input:   disabled;   
        -moz-user-select:   none;   
       }
skyuck
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE下双击checkbox反应延迟问题的解决方法
09-04
在大多数浏览器中，包括Chrome、Firefox等，双击`checkbox`不会改变其状态，因为它们遵循单击切换状态的逻辑。 然而，在IE浏览器中，双击`checkbox`会出现一种不一致的行为。当`checkbox`处于选中状态时，连续两次...
firefox_httprequester-2.1-fx.xpi
04-08
1.安装低版本 firefox ,高版本已经不兼容了 2.打开 firefox 浏览器 "附件组件" ----> "插件" ----> 点击 页面 齿轮 的设置按钮 ----> "从文件安装附加组件" ----> 双击选中 .xpi 的压缩包 进行安装 ...
CSS 禁止文字选中
Kuroko's Development Notes
03-23 1153
现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。 原因：鼠标点快了。 解决方案： 不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。 body{ -moz-user-select: none; /*火狐*/ -webk...
css 阻止元素中的文本。双击选中
dibeichan3033的博客
08-30 94
//firefox -moz-user-select: none; //chrome、safari -webkit-user-select: none; //ie -ms-user-select: none; 转载于:https://www.cnblogs.com/gaocong/p/7454177.html
屏蔽双击选中文字的解决办法，兼容ie，google，firefox
ze_lin_huang的专栏
04-19 1765
在做图片滚动时，在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题 IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，g
文本光标，高亮选中一些出来
weixin_30563319的博客
11-22 145
document.body.onmouseup=function(){ if(window.getSelection){ if(window.getSelection().toString()!==""){ alert("显示弹出框"); window.getSelection().removeAllRanges()//用于清除高亮选中 } }...
Firefox火狐浏览器官方Setup 89.0b12-win64版本msi安装包
01-03
《Firefox火狐浏览器89.0b12-win64版本安装详解》 Firefox火狐浏览器，作为全球知名的开源Web浏览器，一直以来以其高度定制化、安全性以及强大的扩展功能深受用户喜爱。本文将详细介绍如何安装最新版的Firefox 89.0...
FireFox调试工具:FireBug加对应版本FireFox
10-20
因为软件更新迭代快速，不兼容的版本可能会导致功能缺失或运行异常，所以正确匹配FireBug和Firefox的版本至关重要。 标签同样反映了这个主题，强调了调试工具和浏览器版本的一致性需求。 在压缩包内的文件“Readme...
javascript实现的图片预览和上传功能示例【兼容IE 9】
10-15
首先，现代浏览器如 Chrome、Firefox、Safari 和 Edge 支持 `FileReader` 接口，它提供了 `readAsDataURL` 方法，能够将文件读取为 base64 编码的 URL，然后直接应用到 `img` 标签的 `src` 属性上，以实现图片预览。...
浏览器文本无法选中（以及火狐浏览器的兼容）
Ink_cherry的博客
11-23 3172
很多时候 浏览器上的文本被莫名其妙的选中出现蓝色文本，很是厌倦 解决办法是 一般的浏览器加 这一句 就是div标签内部的文本不能被选中 火狐浏览器不支持上一句 onselectstart    要加上后面这一个css style
如何屏蔽双击选中文本
不积跬步，无以至千里
08-29 3042
IE浏览器可以通过在某个标签里添加onselectstart="return false"来屏蔽双击选中文本，该属性在火狐中无效，火狐需要用style="-moz-user-select:none;"。此外还可以在body里添加该属性来实现整个网页都无法选中文字。 类似的属性属性还有： 禁止鼠标右键：oncontextmenu="return false"； 禁止拖放：ondrags
双击不选中文本
colorsunlight的专栏
03-16 1552
<script type="text/javascript"> $(document).ready(function(){ var clearSeletion=function(){ if(document.selection&&document.selection.empty){ document.selection.empty();
css 双击不选中文本
weixin_39920509的博客
03-05 4834
body{             -moz-user-select:none; /*火狐*/             -webkit-user-select:none; /*webkit浏览器*/             -ms-user-select:none; /*IE10*/             user-select:none;}...
取消双击等选中文字事件
qiuli_liu的专栏
12-05 2869
今天做echarts图表，不经意双击发现图表消失了。于是查了一下怎么屏蔽双击事件。查到怎么取消选中事件。如下。 在css中添加如下样式 div{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }此处div只是打个比方，在你需要屏蔽事件的元素上边设置即可。如果是ie10以
JQuery------鼠标双击时，不选中div里面的文字
weixin_34032621的博客
02-07 479
如图：(去掉选中文字的蓝色背景色)   代码: //方法一:&lt;div class="test" onselectstart="return false" &gt;文字&lt;/div&gt; //方法二: .test{ -moz-user-select:none; -webkit-user-select: none; -ms-user-s...
JavaScript 双击禁止选中文字
码小菜（SunShuo）的先生的博客
03-21 4515
// 双击禁止选中文字 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
css input 不允许双击选中
最新发布
06-07
要使输入框不允许双击选中，可以将 `user-select` 属性设置为 `none`。如下所示： ```css input { user-select: none; } ``` 这将防止用户双击文本框来选中其内容。请注意，这也会禁止用户选中输入框中的文本并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值