禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2020-07-12
js截取字符串
就和java的substring一样 12//截取字符串前4位（包前不包后）也就是下标为0,1,2,3的这四位str.slice(0,4)
2022-07-30
ant motion
一个人的行动，比他所说的话，更有详细的表现。——卡耐基 分享一个动画库ant-motion 官方文档：https://motion.ant.design/index-cn 提供的效果也是非常好看 是一个值得一试的动画库
2025-08-30
rolldown-vite
人生遇到瓶颈时，上进心是最大的煎熬。——颜如晶 https://github.com/vitejs/rolldown-vite rolldown-vite：Vite x Rolldown —— 前端构建的性能新纪元近年来，前端工程化发展迅猛，从 Webpack 到 Rollup，再到 Vite，每一次构建工具的革新都极大提升了开发体验和构建性能。而随着 JavaScript 生态的壮大，底层 bundler 性能成为新一轮创新焦点。Rolldown-vite 正是这一变革的前沿探索：它将 Vite 的极速开发体验，与 Rolldown（Rust 实现的 JS bundler）的极致性能结合，带来前端构建效率的新高度。 一、项目简介 仓库地址：vitejs/rolldown-vite 项目定位：Vite 的 Rolldown 版本，是 Vite 官方基于 Rolldown bundler 的实验性分支 简介：The WIP version of Vite powered by Rolldown 主要语言：TypeScript 开源协议：MIT 社区热度：1000+ ...
2022-12-31
unocss
忍把浮名，换了浅斟低唱。——柳永《鹤冲天》 分享一个css框架unocss 可以通过class规则，生成对应样式，例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询 除了预制规则，还可以自定义规则： 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...
2023-08-21
vuepress2一次性获取所有frontmatter
上帝是孤独的，恶魔却总在拉帮结伙。——梭罗的《瓦尔登湖》。 接上文： vuepress获取所有页面frontmatter 这次是vuepressv2.0.0-beta.66 首页 | VuePress 核心代码： 12345678910// .vuepress/getAllFrontmatter.smodule.exports = { name: 'get-all-frontmatter', extendsPage: (page, app) => { console.log({ page, app }) console.log(page.data.frontmatter) app.siteData.frontmatter = app.siteData.frontmatter ?? [] app.siteData.frontmatter.push(page.data.frontmatter) },}; 然后配置： 123456789101112131415// ...
2022-02-16
react快速上手
一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底 今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程 通过简单的介绍后，我们开始代码编写 打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写 注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏 看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog