禁止图片拖拽和文字被选中

最新推荐文章于 2023-08-04 17:05:20 发布

weixin_30776545

最新推荐文章于 2023-08-04 17:05:20 发布

阅读量244

点赞数

原文链接：http://www.cnblogs.com/xshaohua-com/p/6632256.html

版权

禁止图片拖拽

method1

img{pointer-events:none} ，firefox支持，IE不支持

method2

<body οndragstart='return false'></body> || img{οndragstart='return false'}

method3

method4

obj.οnmοusemοve=function(ev){

　　ev.preventDefault()

}

method5

obj.οnmοuseenter=function(ev){

　　//设置捕获

　　this.setCapture && this.setCapture()

}

obj.οnmοuseleave=function(ev){

　　//清除捕获

　　this.releaseCapture && this.releaseCapture()

}

禁止文字选中

body{

　　-webkit-touch-callout: none;

　　-webkit-user-select: none;

　　-khtml-user-select: none;

　　-moz-user-select: none;

　　-ms-user-select: none;

　　user-select: none;

}

转载于:https://www.cnblogs.com/xshaohua-com/p/6632256.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30776545

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

浮小夏的博客

08-05

873

前端页面禁止选中文字、拖动图片 /* 禁止选中文字 */ * { -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('

在页面上屏蔽文字图片的选中功能

开源共享学习

01-19

1323

现在越来越多的页面不仅仅在PC端显示，有些时候也需要在移动端、一体机上显示，在这些非PC端显示，用户使用在使用上下拖动功能时，往往被判断为选中页面文字和图片，给操作带来很多不便，那么怎眼处理呢？其实是有方法的。 1.屏蔽页面的所有选中功能。 2.但是有时的要求是只屏蔽页面上的文字和图片，文本框、文本域中的文字是可以选中的怎么办呢？ 3.怎样在js中控制

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

拖动时禁止选中文字

fk129

06-18

1166

js 全局 document.body.onselectstart = document.body.ondrag = function(){ 　　return false; } css 元素样式 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;

鼠标拖拽，防止文字被选中

m0_46641774的博客

09-21

387

鼠标拖拽，防止文字被选中

去掉文字选中状态

demon_hunter0919的博客

12-18

176

https://www.cnblogs.com/codebook/p/5924073.html 转载于:https://www.cnblogs.com/lzhirong/p/8058692.html

取消图片拖拽效果及取消文字选中效果

豆。的博客

10-22

789

以下为我们鼠标拖拽图片或者连接时触发（可能用到）的函数： //在拖动目标上触发事件 (源元素): ondragstart //用户开始拖动元素时触发 ondrag //元素正在拖动时触发 ondragend //用户完成元素拖动后触发 //释放目标时触发的事件: ondragenter //当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover //当某被拖动的对象在另...

css禁止文字选中与图片拖拽

weixin_44328764的博客

09-26

553

禁止文字选中 .select-none { -webkit-user-select: none; -ms-user-select: none; user-select: none; } user-select目前的兼容性禁止图片拖拽 .drag-none { -webkit-user-drag: none; } user-drag目前的兼容性

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

10-15

本文将详细介绍如何使用JavaScript来禁止用户通过右键菜单保存图片以及禁止拖拽图片，同时也会探讨防止文本被选中和复制的方法。首先，我们来看如何禁止用户通过鼠标右键菜单保存图片。在HTML中，我们可以为`<img>...

禁止网页中的图片或文本被选中

qq_39730030的博客

02-11

2012

背景由于我最近在开发一个互动小游戏，碰到一个情况必须要用img标签来实现，平时我都是用div再给它背景的方式实现的。（为什么小游戏还要用dom？用游戏引擎不行吗？我太菜了，不会游戏引擎，只能用原生js和jQuery实现了，反正我接触到的游戏都不是很复杂，用css实现一些动效还挺简单的）。遇到的问题其实我一开始就是用img来添加物品到场景中的，后来测试发现图片会被选中，并且某些浏览器甚至会打开...

tree父节点不被选中和勾选(所以父节点)只选择子节点

weixin_45229383的博客

03-14

4903

这里写自定欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 t = $.fn.z...

CSS高级技巧——鼠标样式，轮廓，文本域防拖拽，vertical-align 垂直对齐，文字溢出问题

流楚丶格念的博客

07-03

4762

CSS高级技巧 CSS用户界面样式所谓的界面样式，就是更改一些用户操作样式，比如更改用户的鼠标样式，表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。防止表单域拖拽鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : default 小白(就是普通是鼠标指针) | pointer 小手 | move 移动 | text 文本鼠标放我身上查看效果哦： <ul> <li styl

pointer-events: none 属性让鼠标无法选中元素

汤一飞

09-29

354

如题, 在元素上设置此属性 pointer-events 可让鼠标穿透元素, 无法对元素做操作

vue 禁止拖拽选中文字、禁止复制、禁止右键菜单

weixin_41706307的博客

04-29

3706

开发后台管理系统供内部人员使用时，一般是需要做一些页面方面的禁用设置。常见的禁止右键菜单，禁止复制，禁止拖拽选中文字以及禁止F12打开控制台等。

vue2 实现对拖拽选中文字、复制选中文字的控制以及自定义鼠标右键菜单功能