CSS禁止鼠标拖动选择文字

everbeta everbeta 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.7k累计阅读 4.8k平均单平台 已同步平台 CSDN 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄14年
关注
原创 最新推荐文章于 2025-10-12 20:29:55 发布 4.7k 阅读 AI 写同款· GEO 优化 ›
xhs私信协议分析 之前分析过xhs的shield算法，今天再聊聊xhs的私信，文章仅供学习参考研究交流，如有侵权请联系删帖。经过抓包分析发现私信接口并不是走的http协议，而是socket协议。而要获取socket包则需要使用wireshark软件1、protobuf的包体中的序号7，多次验证后发现文字信息的需要需要固定成12、protobuf的包体中的序号12，多次验证后发现文字信息的需要需要固定成1后续有时间的话，再研究一下视频和图片格式的私信协议，这次就分析到这里吧。 阅读详情
要想通过CSS禁用页面内容选中和复制操作，只需在body的样式中，增加如下代码：

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;

收录于
前端基础

当前文章被收录于：

前端基础
1 篇文章 0 人学习
订阅专栏 查看详情
标签
#禁止 #页面 #复制 #css
本内容遵循 CC 4.0 BY-SA 版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
CSS实现文本移动效果 CSS提供了一些属性和技巧，可以实现这样的效果。在本文中，我将介绍一种常见的方法来实现文本移动效果，并提供相应的示例代码。实现文本移动效果的关键是使用CSS的动画属性和关键帧动画。除了水平移动，你还可以使用CSS实现垂直移动、旋转、缩放等各种文本动画效果。总结一下，通过使用CSS的动画属性和关键帧动画，我们可以实现各种各样的文本移动效果。你可以根据自己的需求修改动画的属性，比如改变移动的方向、速度和起始位置等。向右移动了100%的距离，也就是超出了右边界。的关键帧动画，它包含两个关键帧：0%和100%。 阅读详情

相关推荐

CSS # 禁止图片拖拽、文字选中

-webkit-user-select: none; cursor: default; pointer-events: none;

skysys的研究小屋 4043

CSS禁用鼠标拖拽选中内容

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33736649的博客 2939

用扩展点为 Fiori Elements 添加自定义动作：从原理到落地的完整实践

本文介绍了如何在基于OData V4的Fiori Elements应用中通过Extension Points添加自定义Action按钮。主要内容包括： 扩展点动作与标准注解动作的区别：扩展点用于非标准前端流程、组合操作等场景，需通过extensionAPI与框架交互。 扩展点动作的插入位置：可放置在List Report表格工具栏、Object Page页眉/页脚/Section工具栏等位置，并说明了相应的manifest.json配置节点。 配置模型与处理函数契约：详细说明了press、visible/e

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 219

【css】禁止拖拽选择图片

【css】禁止拖拽选择图片

KatyLight的博客 1407

CSS禁止元素拖拽

HTML draggable属性的兼容性是相当的好，移动端全部支持，以及IE10+浏览器也都支持，基本上在如今这个年代是可以放心使用的HTML属性。使用CSS设置元素能够拖拽的优点在于控制方便，适合用在只需要兼容Chrome、Safari浏览器的桌面端PC网页产品中。以前专门贡献过包含拖动、插入、排序、删除等完整交互的demo，有些人应该还不知道，可以访问这里了解下其中的实现细节。draggable属性常常和原生的drag & drop事件配合使用，可以实现任意元素的拖拽效果。页面中的图文元素设置。

hao_fly的博客 2875

html5 禁止文本选中变蓝和图片拖动

例子 <label id= "r_name" onselectstart="return false" style="left: 55px;top: 1px;color: #fff"></label> <img ondragstart= "return false" src="resource/assets/Bg03.png"></img> ...

u013013797的博客 3261

通过CSS禁用页面内容选中和复制操作

CSS禁止鼠标拖动选择文字，禁用页面内容选中和复制操作，只需在body的样式中加入如下代码就可以了 body{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-sele...

weixin_30695195的博客 95

禁止鼠标拖动时选中页面中的文字

禁止鼠标拖动时选中页面中的文字 给最大的盒子设置 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

jinglianglove的博客 1812

网页代码常用小技巧

网页代码常用小技巧！ 作者：佚名    转贴自：电脑之家    点击数：940 1. oncontextmenu=window.event.returnvalue=false 将彻底屏蔽鼠标右键 〈table border oncontextmenu=return(false)〉〈td〉no〈/table〉 可用于Table 2. 〈body onselectstart=return f

2436

【杂记】 (判断是否微信浏览器、media 适配写法、 css字体缩放、css3模糊阴影底图滤镜、禁止鼠标右键保存图片、禁止鼠标拖动图片、文字禁止鼠标选中、禁止复制文本)

最后一个子元素 :last-child{} 判断是否微信浏览器 if(isWeiXin()){ //是微信浏览器走这里 $(".img").show(); }else{ var _w = $(document).width(); if (!navigator.userAgent.match(/(iPhone|iPod|iPad);?/i) &&!navigator.us...

Khun_HWJ的博客 360

msclass 文字滚动_支持鼠标拖动的MSClass文字向左滚动js插件

特效介绍支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动，当鼠标移上去，文字会停止滚动。到按下鼠标可以向左向右拖动文字。使用方法1、在head区引入下面的代码a,body,select,td,b{font-size:12px;text-decoration:none;}body{background:#ffffff;}a,pre{color:#808080;}a:link,a...

weixin_39691055的博客 222

禁止浏览器拖动图片进行下载

<br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title>禁止鼠标拖动图片</title><br /> <style type="te

ch_scofield的专栏 4025

前端页面禁止选中文字、拖动图片

前端页面禁止选中文字、拖动图片 /* 禁止选中文字 */ * { -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* 鼠标消失 */ /* cursor: none; */ /* 鼠标样式改为图片 */ /* cursor: url('

浮小夏的博客 1079

怎样写禁止鼠标拖动图片，选中文字，复制文字

　　在一些效果中，比如，拖动一个包裹了图片文字的盒子，我们往往需要设置禁止鼠标拖动图片，选中文字，那么如何去设置呢？ 　　禁止鼠标选中文字，有两种方式： 　　　　方法一：在需要设置的元素本身加上onselectstart=”return false;”，例如：<p onselectstart=”return false;”>刘诗诗</p> 　　　　方法二：运用jque...

weixin_30493321的博客 455

(css必看)禁止用户拖动，禁止选中复制，禁止输入框输入

​ 目录 特殊的css，下面每一个都必须了解 1.user-select属性可以设置是否允许用户选择页面中的图文内容； 2.user-drag属性可以设置是否允许页面元素拖拽。 3.user-modify属性可以设置是否允许输入框输入内容 特殊的css，下面每一个都必须了解 1.user-select属性可以设置是否允许用户选择页面中的图文内容； user-select不可被用户选中__揽的博客-CSDN博客 user-select: none; 2.user-drag属性可以设置是否允

大雾起了清晨 1698

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

来源：http://www.cnblogs.com/myjiejie/archive/2010/12/04/1896327.html 今天遇到一个很少有的问题  做div的点击计数事件  因为里面有文字 所以 当点击多次时  文字老被选中  可郁闷了   查了查资料

xiliuhu的专栏 2263

鼠标移动时禁止选中文字

今天在做div移动时遇到一个奇怪的问题 ，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，直接上解决方法：禁止鼠标右键：oncontextmenu="return false"；禁止选择：onselectstart="return false"；禁止拖放：ondragstart="return false"；禁止拷贝：oncopy=document.selection...

NAMECZ的博客 1735

HTML：禁止鼠标拖动、禁止内容复制等

html禁止鼠标事件 oncontextmenu="return false;" //禁止鼠标右键，如拖动图片、连接等 ondragstart="return false;" //禁止鼠标拖动 onselectstart="return false;"//文字禁止鼠标选中 onselect="document.selection.empty();"//禁止复制文本，仅对文本框中的文本有效<input type="text">, <textarea> oncopy="return false;"//禁止复制

OrangeJuiceMe 1万+

使div的文字不能选取

1.IE浏览器下是通过 onselectstart=”javascript:return false;”事件来实现该功能。 2，火狐下 屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 属性有三个属性值： 1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 2、 -moz-all：子元素所有的文字都可以...

267

基于A*算法的三维无人机路径规划算法：动态避障与自定义障碍物设计，MATLAB实现,基于A*算法的三维无人机路径规划算法：动态避障与自定义障碍物设计，MATLAB实现,基于A* 算法的无人机三维路径规

基于A*算法的三维无人机路径规划算法：动态避障与自定义障碍物设计，MATLAB实现,基于A*算法的三维无人机路径规划算法：动态避障与自定义障碍物设计，MATLAB实现,基于A* 算法的无人机三维路径规划算法，可以动态避障，自己可以规定设计障碍物位置，MATLAB编程实现,基于A*算法;无人机三维路径规划;动态避障;障碍物位置自定义;MATLAB编程实现,基于A*算法的无人机动态避障三维路径规划算法：可自定义障碍物位置，MATLAB编程实现
上一篇： 通过CSS设置网页中选中文字的背景色
下一篇： 实现301页面永久重定向
点赞 0
评论 1
书签 书签 0
everbeta
everbeta
博客等级 码龄14年 0粉丝 7原创
+ 关注 专栏目录 订阅专栏
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值