禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2026-04-04
twenty
学习是劳动，是充满思想的劳动。——乌申斯基 Twenty：社区驱动的“现代 Salesforce 替代品”，一位把 CRM 做成开源作品的理想主义者Twenty 走进来时，先把名片递给你： Building a modern alternative to Salesforce, powered by the community. 它不是冷冰冰的销售系统，更像一位有脾气、有追求的“客户关系管家”：不想再让 CRM 变成昂贵的牢笼，也不愿意让用户的数据被锁在黑箱里。它想做的是——用开源和社区把 CRM 这件事重新写一遍。 它还会抬起头，认真地补一句身份宣言： The #1 Open-Source CRM Why Twenty：它为什么非要“重做 CRM”？Twenty 讲理由时不绕弯，三句话，像三根钉子钉在桌面上。 1）CRMs 太贵了，而且用户被困住了传统 CRM 的套路太熟练：把客户数据锁住，然后涨价。Twenty 不认这个理，它的态度是：不该这样。 2）体验需要一次真正的“重启”Twenty 觉得老世界的 CRM 已经背了太多历史包袱。它要一个 fresh sta...
2024-06-30
nativeShare.js
进步是人的生活方式。——雨果 分享一个 https://github.com/JefferyWang/nativeShare.js 这个库是王俊锋写的，用于h5直接唤醒浏览器的分享 注意:目前仅支持手机UC浏览器和QQ浏览器 nativeSharenativeShare是一个可以通过javascript直接调用原生分享的工具. demo 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 该工具具有以下特点: 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享 支持调用浏览器更多分享功能 注意:目前仅支持手机UC浏览器和QQ浏览器 github项目地址: https://github.com/JefferyWang/nativeShare.js Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeSha...
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件： http://html2canvas.hertzen.com/ 使用方式特别简单： 引入： 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用： 123html2canvas(docu...
2021-09-06
置顶小标签
美色不同面，皆佳于目；悲音不共声，皆快于耳。——王充 原理是通过一个红色div加红色背景颜色，旋转45后度再整个边框设置超出部分隐藏 效果如下： 代码： 12345<div class="top-article-tag-parent"> <div class="top-article-tag"> 置顶 </div></div> 样式： 123456789101112131415161718.top-article-tag-parent { overflow: hidden; position: absolute; right: 46rpx; height: 80rpx; width: 100rpx; zoom: 0.8;}.top-article-tag { color: #fff; background-color: #ff0000; width: 150rpx; height: 40rpx; text-align: cente...
2022-08-31
资源路径与blobUrl互转
害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源URL转换为blobUrl 12345678910111213// 生成blobURLconst xhr = new XMLHttpRequest();xhr.open('GET', 'https://VampireAchao.github.io/imgs/preview/3356_3.jpg', true);xhr.responseType = 'blob';xhr.onload = function (e) { if (this.status == 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob); console.log(URL.createObjectURL(bl...
2022-01-29
vue中props中值未监听
每段记忆都是零碎的，犹如残破的蛛丝，无声无息的藏在黑暗的角落里——桐华 我今天简短测试了一下： 编写一个组件，给它设置一个props属性user 这里给它一个默认值{ age: 21 } 12345678910111213141516<template> <div> <slot :user="user">默认内容</slot> </div></template><script>export default { props: { user: { type: Object, default: () => ({ age: 21 }) } }};</script> 然后我们在外部引用该组件并传入该props 编写一个方法来改变当前userInfo的值 123456789101112131415161718192021222324252627282930<templ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog