禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2020-11-20
vue封装axios请求工具类
以勇气面对人生的巨大悲恸，用耐心对待生活的小小哀伤。——雨果 首先安装 12345678# axioscnpm i --save axios# 格式化参数插件cnpm i -- save qs# 对象合并插件cnpm i -- save lodash# cookie操作cnpm i -- save vue-cookie 然后我们自己封装一个请求组件 首先创建文件 然后放入我们的代码。。。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132import ...
2025-02-04
yjs
她说好想我。这在我局狭的一片草地上，可是一大把阳光，心底暖洋洋的。——送花的人走了 https://github.com/yjs/yjs https://github.com/yjs/yjs 在构建实时协作应用时，我发现了一个非常强大的开源库——Yjs。它是一个高效、模块化的 CRDT（Conflict-free Replicated Data Type） 实现，专注于实现实时协作功能。Yjs 能够同步不同客户端的共享数据状态，即使在网络断开或冲突的情况下，所有更改都可以无缝合并，类似于 Google Docs 这样的多人协作体验。 什么是 Yjs？Yjs 是一个基于 JavaScript 的实时协作引擎，支持在多个客户端之间共享数据同步。它通过 CRDT 技术来处理并发更新和冲突，使得用户在离线或网络不稳定的情况下依然可以正常操作，待网络恢复后自动完成数据同步。 Yjs 具有极高的性能优化和扩展性，可以集成到各种应用场景中，例如实时文本编辑器、协作画板、表单、项目管理工具等。 Yjs 的核心功能 实时协作支持多用户同时编辑共享数据。无论是文档、列表、地图还是自定义数据结...
2022-06-18
js拖拽框选插件
只要你具备了精神气质的美，只要你有这样的自信，你就会拥有风度的自然之美。——金马 分享一个js的拖拽框选插件 官网：https://dragselect.com/ 源码：https://github.com/ThibaultJanBeyer/DragSelect.git 使用： 1pnpm i dragselect 有前端大佬翻译了部分，并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题，所以如果是跟我一样pnpm i下载下的版本，应该也会有这个问题，因此反选自己实现即可，这是我按照上面链接中的demo在vue模块化项目中的组件： TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...
2023-06-04
将图片转换为像素风svg
千秋青史难欺。——张廷玉 链接：https://codepen.io/rodzyk/pen/dyjzExz 效果如下： 需要下载对应的svg也很简单 复制出来，再粘贴到本地新建xxx.svg文件内即可
2021-10-18
jq根据屏幕高度设置元素高度
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值——赫胥黎 很简单一行代码： 1$('#ruben').css('height', $(window).height()); 这里$(window).height()获取了屏幕高度 然后用css函数去设置style
2021-05-15
splice
一百个满怀信心和决心的人，要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2，截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值，我们如果看之前的list，可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数，例如我这里从下标为3开始，截取两个元素 我们再看看原来的list，果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话？ 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分，就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4，换成了4,5
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog