禁止文字图片拖拽
发表于|更新于
|浏览量:
智者千虑，必有一失；愚者千虑，必有一得。——《史记》
我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽
但我们不想要这种效果
就可以给标签加一个属性
1 | <div ondragstart="return false">ruben</div> |
之后就拽不动啦~
相关推荐
2022-07-01
js让光标选择节点中部分文本
我走得很慢，但我从不后退。——林肯 如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...
2026-02-21
seerr
完成工作的方法是爱惜每一分钟。——达尔文 关注系统与媒体库的专属搭档 Seerr 毫不夸张地说，在现代在线媒体的繁荣时代，拥有一个高效的媒体请求与管理系统已变得至关重要。今天，我们要为大家介绍一款特别适合Jellyfin、Plex 和 Emby 用户的开源应用软件 Seerr。它不仅提供智能化、直观的界面，还在便捷性与功能性之间找到了一个完美的平衡。 Seerr 是什么？Seerr 是一款免费的开源软件，专为管理多媒体资源库的请求流程而设计，非常适合那些利用 Jellyfin、Plex 或 Emby 媒体服务器的朋友。同时，Seerr可以完美地与您现有的服务集成，比如 Sonarr 和 Radarr，大大简化了媒体管理的复杂性。 以目前 Github 上近万的 Star 数为证明，Seerr 无疑是当下备受推崇的开源媒体管理解决方案之一。 主要特性Seerr 的功能经过精心打磨，可以提供全面且令人满意的使用体验： 深度集成：兼容 Jellyfin、Emby 和 Plex，支持用户身份认证以及用户导入和管理。 数据库支持：支持 PostgreSQL 和 SQLite，灵活...
2025-05-15
wangeditor自定义菜单
时间是衡量事业的标准。 —— 培根 代码如下： 12345678910111213141516171819202122232425262728293031323334import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolea...
2025-02-27
animejs简单示例
乖孩子的路，疯子的路，五彩的路，浪荡子的路，任何的路。——杰克·凯鲁亚克的《在路上》 GitHub - juliangarnier/anime: JavaScript animation engine https://animejs.com/ 使用Anime.js这个强大的JavaScript动画库来实现一个简单的动画效果。我们将通过一个示例代码来展示如何使用Anime.js使一个div元素从透明变为不透明，并且从左向右移动50像素。 示例代码下面是我们的完整HTML代码： 1234567891011121314151617181920212223242526272829303132<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { back...
2024-12-18
ARIA16
兴趣是最好的老师，其次是耻辱——胖子邓 ARIA16技术：使用aria-label增强Web可访问性 在现代Web开发中，可访问性（Accessibility）是提升用户体验的关键因素之一。尤其对于视障用户来说，屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术，使用aria-label属性为无可见文本的元素提供描述性标签，从而增强Web的可访问性。 什么是ARIA16？ARIA16是W3C推荐的一项技术，旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息，供屏幕阅读器使用。 使用场景 图标按钮：为只有图标的按钮添加描述性标签。 装饰性元素：为装饰性但可交互的元素提供语义化说明。 复杂控件：为动态生成或没有内嵌文本的控件提供可读内容。 如何使用ARIA16？实现ARIA16非常简单，只需在相关元素上添加aria-label属性并提供适当的描述文本。 示例代码以下是一个使用aria-label的图标按钮示例： 123456<button aria-label=&q...
2025-08-07
translate-ha-jimi
但愿苍生俱饱暖，不辞辛苦出山林。一一于谦 哈基密语加密器 translate-ha-jimi：浏览器本地端到端加密，体验另类语言编码的乐趣！你是否曾想过，和好友聊天的内容能像“密语”一样，既神秘又安全，既有趣又防偷窥？现在，**哈基密语加密器（translate-ha-jimi）**就能满足你的所有幻想！它不仅是一款强大的浏览器本地端到端加密聊天工具，更以轻松娱乐为出发点，让学习加密算法、体验信息安全变得生动有趣。 哈基密（哈吉米）的有趣来历“哈基密”或“哈吉米”这个词，实际上源自于日语“はちみつ”（hachimitsu，意为“蜂蜜”）的空耳发音。其灵感来自于热门动画《赛马娘》第二季第12集：剧中角色东海帝皇在买蜂蜜饮料时，嘴里哼唱着“哈基密哈基密”的小曲，俏皮又洗脑。自此，“哈基密”便在ACG圈层中成为一种极具特色的网络流行语，被大家用来调侃、加密、甚至“恶搞”语言内容，形成了独特的亚文化密码。 项目简介translate-ha-jimi（哈基密语加密器） 是一款专为聊天内容加密设计的本地工具，全部加密和解密过程都在你的浏览器本地完成，无需上传任何数据，保障你的信息...