禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2025-05-22
wangeditor渲染node方式
青，取之于蓝而青于蓝;冰，水为之而寒于水。 ——《荀子·劝学》 代码如下： 1234567891011121314import { Boot, createEditor, createToolbar, SlateEditor, SlateElement, SlateNode, SlateText, SlateTransforms} from '@wangeditor/editor'SlateTransforms.insertNodes(editor, nodes)editor.updateView() 这里的nodes格式参考 https://www.wangeditor.com/v5/node-define.html 节点数据结构wangEditor 是基于 slate.js 为内核开发的，所以学习本文之前，要先了解 slate Node 设计 。 是什么很多同学可能根本不知道本文要讲什么，对于这里的“节点”和“数据结构”也不知何意。没关系，接下来通过几个问题，就可以让你快速入门。 我们通过 API 的学习，已经知道...
2025-04-18
zod
人们因为能忘却，所以自己能渐渐的脱离了受过的苦痛，也因为能忘却，所以照样得再犯前人的错误。——鲁迅 探索 Zod：TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中，数据验证是不可或缺的一部分。而 Zod，一个以 TypeScript 为中心的模式验证库，提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod？Zod 是一个专为 TypeScript 设计的模式声明和验证库，旨在简化开发者的工作。它允许你定义模式（schema），并自动推断出 TypeScript 类型，同时对运行时数据进行验证。 Zod 的核心特点： TypeScript-first：Zod 的设计完全围绕 TypeScript，能够利用其类型推断和静态检查功能。 零依赖：与其他库不同，Zod 是一个零依赖的轻量级库，体积仅为 8kb（minified + gzipped）。 函数式编程风格：Zod 提供了一种连贯的链式接口，支持函数式编程。 跨平台支持：支持 Node.js 和现代...
2024-05-19
js解析JWT
懂得生命真谛的人，可以使短促的生命延长。——西塞罗 代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码： 1const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`))); 但是还存在 base64 解码时无法正确解码中文问题，继续改进 1const tok...
2022-02-23
react完成井字棋小游戏
人生就像迷宫，我们用上半生找寻入口，用下半生找寻出口。——朱德庸 上次说到我们按照官方文档体验了一下React 这次我们搭建本地react开发环境，首先需要将node升级到14以上并且npm需要5.6以上，这个去官网下载安装包覆盖安装即可 然后我们按照教程创建项目 1npx create-react-app my-app 注意 第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。 然后删除src目录下的默认文件，创建一个index.css以及index.js index.css 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950body { font: 14px "Century Gothic", Futura, sans-serif; margin: 20px; } ol, ul { padding-left: 30px...
2023-04-07
sketch.js
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名 分享一个前端项目：https://soulwire.github.io/sketch.js 用途是可以做一些鼠标特效，例如其官网有很多例子： https://soulwire.github.io/sketch.js/ 非常的有趣
2021-05-21
jquery跳转页面指定元素位置
懒惰象生锈一样，比操劳更能消耗身体;经常用的钥匙，总是亮闪闪的。——富兰克林 代码如下 12345678// 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').animate({scrollTop: x-200}, 800);
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog