禁止浏览器双击选择（样式问题）

最新推荐文章于 2022-07-19 23:35:15 发布

转载最新推荐文章于 2022-07-19 23:35:15 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/juicy-initial/p/9868447.html

本文介绍了一种在IE、Chrome和Firefox等浏览器中阻止网页元素被选中的方法。对于IE和Chrome，可通过在元素中添加onselectstart属性实现；而Firefox则需使用CSS属性-moz-user-select。为确保兼容性，建议同时使用这两种方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方法：IE和Chrome浏览器的方法相同，在相应的元素中添加 onselectstart="return false;" 即可阻止选中元素，这种方式不适合火狐浏览器，火狐浏览器要通过css样式实现，元素样式中添加 “-moz-user-select:none;”即可。

所以如果要同时兼容IE、Chrome、Firefox，上面两个都添加即可： onselectstart="return false;"-moz-user-select:none;"

转载于:https://www.cnblogs.com/juicy-initial/p/9868447.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33737774

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

win10触控平板如何禁掉IE10的手势控制

qq_42709881的博客

09-05

799

在工作中遇到的问题，客户有一个要求就是在触控电脑上需要进行画图签字等功能。设计的方案也很简单，利用canvas来实现。用原装笔进行书写没有问题，但是用手触控情况就不一样了。对于一台触控电脑来说，手和触控笔的设置应该是一样的，都是模拟鼠标的操作。我们可以在控制面板的“笔和触摸”设置中找到并设置。但是为什么浏览器中用手触控会控制页面滚动条，双击或者多指操作可以放大缩小。对于很多用户来说，他们更希望在canvas上利用手进行触摸操作。首先就想利用页面onmouse监听事件来控制，却发现根本无法监听到手的触摸。失

阻止浏览器双击选中

所有热爱的东西都要不余遗力

01-15

460

今天产品给提了个bug，双击保存图片变蓝了，问过之后才知道是浏览器双击选择 mac上还好，是透明的，window直接全蓝。而且这个选中事件还会保留在元素上，下次显示还是选中状态。在网上找了个方法： body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-us...

参与评论您还未登录，请先登录后发表或查看评论

css样式禁止在浏览器中选中文字

weixin_40780972的博客

03-06

463

禁止选中文字通过css样式禁止在浏览器选中文字 span{ //禁止选中的文字的标签 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-u...

如何关闭浏览器双指滑动网页切换

guanking19的博客

07-19

7160

如何关闭浏览器双指滑动网页切换

B/S端开发windows触摸屏版禁用浏览器两根手指头对拉放大功能

qq_41725051的博客

05-27

1972

废话不多说，在html页面上样式里面加一个html{ -ms-content-zooming: none; }

利用CSS实现禁止双击选择页面内容的实例展示

09-25

标题中的“利用CSS实现禁止双击选择页面内容的实例展示”指的是通过CSS样式来阻止用户在网页上双击选中特定区域的文本内容。这种方法在处理网页交互时特别有用，例如，当用户双击左右箭头快速切换图片滚动时，避免...

如何禁止win8电脑开机自动启动浏览器.docx

09-27

有时候，用户可能不希望打开系统默认的浏览器，那么如何禁止浏览器程序伴随开机启动呢？首先，需要返回到 Windows 8 电脑的传统桌面位置，然后同时按下键盘上的 Win+R 快捷键打开电脑的运行窗口。在打开的运行窗口...

vue3 <el-input>输入框手机点击聚焦的时候，禁止浏览器放大页面

最新发布

03-26

好的，我现在需要解决用户在Vue3中使用Element Plus的组件时，移动端浏览器点击输入框导致页面自动缩放的问题。首先，我得了解这个问题的根源。通常，移动端浏览器在点击输入框时会自动缩放页面，以便用户更容易输入...

vue实现页面内容禁止选中功能,仅输入框和文本域可选

10-16

2. 为了解决旧版IE浏览器的兼容性问题，我们使用了浏览器前缀`-webkit-`、`-moz-`、`-ms-`等来控制不同浏览器的文本选择行为。这些前缀分别对应着Chrome、Firefox、IE和Safari等浏览器。 3. 对于输入框(input)和文...

vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)

10-15

在本文中，我们将深入探讨如何使用vue-video-player组件在微信环境中解决自动全屏播放以及横竖屏导致的样式错乱问题。vue-video-player是一个流行的Vue.js插件，用于实现视频播放功能，但它可能在某些特定环境下，如...

如何解决手机浏览器页面点击不跳转浏览器双击放大网页

11-22

手机端web网页项目 1，angluar js 1.4.6 网页项目开发过程中，使用PC浏览器能正常访问，IOS设备浏览器也能正常访问，但是使用Android部分浏览器进行访问的时候，链接偶尔不跳转，点击完没有任何反应（本人使用angluar js route进行单页面应用跳转），此时地址栏的路径已经被更新为点击后的地址，并且双击页面网页会放大（顺着这个现象去找到了问题）现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置，怎么让双击不放大？解决方案：可以在页面头部加上meta <meta name="viewport" content="width=devi

HTML禁止页面双击放大

小白白的博客

10-22

1576

把<head>里面的 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 替换成 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

禁止双击选择页面内容

weixin_33795093的博客

01-11

985

<a id="strPlus" onselectstart="return false" style="-moz-user-select:none;">+</a> 其中 onselectstart="return false" 是针对IE浏览器的,但仅靠ONSELECTSTART是无法再FIREFOX里实现幸亏MOZ提供CSS实现禁止双击，所以在STYLE里加上-mo

阻止浏览器双击默认事件-----双击选中

qq_49464155的博客

07-27

1936

css: 可用于所需页面样式不止局限于body body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; } js: document.ondragstar...

chrome的粘贴带有样式

探索新世界

12-28

634

[b]1.问题描述[/b] 页面div里的内容是带样式的，需要复制里面的纯文本再粘贴到其他div里，在firefox里是好好的，但是chrome却不可以，直接粘贴带有样式不说，还只能粘贴一次，如果再次复制再粘贴居然会覆盖掉以前的内容。 [b]2.解决[/b] 开始考虑监听onbeforecopy或onpaste事件，在粘贴前处理，用正则去掉样式。监听后却无法修改粘贴板里的内容，不知道是不...

html双击禁止选中文字

liangmaxmin的博客

08-04

1203

window.getSelection?window.getSelection.removeAllRanges():document.selection.empty();

阻止移动设备双击放大（手机，pad）

ccsdn的博客

08-01

474

header加一行就可以了 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />

html video标签禁止双击放大

09-28

如果你想禁用这种双击放大功能，你可以添加一些CSS样式，并结合JavaScript来控制。首先，在CSS中，你可以设置`pointer-events`属性为`none`，阻止点击事件传递给元素。但这不会影响滚动或其他鼠标交互，所以最好...