禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2023-05-09
元素下方超出换列
根本不应该为取悦别人而使自己失敬于人——卢俊 我们有时候需要这种需求：元素高度超出后换到下一列 则可以使用column-count column-count可以指定最大列数 123456column-count: 3;column-count: auto;column-count: inherit;column-count: initial;column-count: unset; 简写属性：columns 12345678910111213141516/* Column width */columns: 18em;/* Column count */columns: auto;columns: 2;/* Both column width and count */columns: 2 auto;columns: auto 12em;columns: auto auto;/* Global values */columns: inherit;columns: initial;columns: unset; 例子： HTML12345<p class="c...
2021-04-02
el-input-number阻止外层button的冒泡
取法于上，仅得为中；取法于中，故为其下。一一李世民《帝范》 我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下 我们发现点击右边上下去增加减少中间个数的时候，也执行了我们上边按钮绑定的randomChoose 函数 但我们想要加上阻止冒泡却加不上 这里其实。。需要在外层再加上一个span或者div标签，再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...
2022-12-22
css is选择器
良药苦口利于病，忠言逆耳利于行——佚名 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is is选择器可以同时包含多个，例如 12345678910111213/* 选择 header、main、footer 里的任意一个悬浮状态的段落 */:is(header, main, footer) p:hover { color: red; cursor: pointer;}/* 以上内容相当于以下内容 */header p:hover,main p:hover,footer p:hover { color: red; cursor: pointer;} 非常实用
2024-06-07
vue查看组件
人死像熟透的梨，离树而落，梨者，离也。——《活着》 最近在折腾 Vue.js，发现了一个挺有意思的东西，叫 Vue.options.components。先来个大概的解释，这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件，它就会乖乖地跑到 Vue.options.components 里去。 什么是 Vue.options.components？简单说，Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件，它就会被扔进这个家里，然后你在任何地方都能用到它。感觉像是个全局变量，不过是专门为组件准备的。 全局注册组件先来个全局注册组件的例子吧，感觉这个比较好理解： 123Vue.component('my-component', { template: '<div>这是一个自定义组件！</div>'}); 这个时候，你可以通过 Vue.options.components 看到你刚才注册的组件：...
2024-06-09
微信Markdown编辑器
正因为世界本身是平庸的，所以你也才平庸。——《寻羊冒险记》 GitHub - doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性 项目介绍 本项目基于 wechat-format 进行二次开发，感谢 lyricat 的创意和贡献！ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。 在线编辑器地址 Gitee Pages：https://doocs.gitee.io/md GitHub Pages：微信 Markdown 编辑器 | Doocs 开源社区 注：推荐使用 Chrome 浏览器，效果最佳。另外，对于国内（中国）的朋友，访问 Gitee Pages 速度会相对快一些。 为何二次开发 现有的开源微信 Markdown 编辑器，样式繁杂，也不符合我个人的审美需求。在我使用它们...
2021-05-01
js find函数
人的一生是短的，但如果卑劣地过这一生，就太长了——莎士比亚 在前端开发中，可能会有“需要从数组里取出符合条件的某条数据”这个需求 我们可以使用find函数 123var list = [1,4,3,2,5];console.log(list.find(n=>n===4)) // 输出结果4，取出满足条件的值var index = list.findIndex(n=>n===4) // index = 1，取出满足条件的值的下标 这样就从我们的list数组中取出了满足n===4这个条件的值
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog