功能介绍:图片禁止拖拽!我们可以通过html中的draggable
或css中的user-drag
来实现!
1、利用html中draggable禁止拖拽
<!-- 图片可以被拖动 --> <img src="pic.jpg" draggable="true"> <!-- 图片不可以被拖动 --> <img src="pic.jpg" draggable="false">
2、利用css中user-drag禁止拖拽
//html <img src="pic.jpg" class="user-drag"> //css .user-drag { -webkit-user-drag: none; }
span点击事件后实现点击事件禁用(类似按钮disabeld方法)
标签: css, draggable, html, user-drag, 禁止拖拽
上面是“html和css有哪些禁止元素拖拽的代码”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2274.html
workflows工作流
- 一只由粉色水晶与羽毛组成的巨型高跟鞋
- 一只由水晶制成的蜂鸟
- 树上一个快乐的猕猴桃ComfyUI工作流
- 金色玫瑰花comfyui工作流
- 池塘边的大熊猫ComfyUI工作流
- stvmccrr风格的玫瑰花ComfyUI工作流
- 一只在森林里漫步的麋鹿ComfyUI工作流
- 一个穿过泥泞雷区的士兵ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!