html和css有哪些禁止元素拖拽的代码

1429 ℃

功能介绍:图片禁止拖拽!我们可以通过html中的draggablecss中的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语法控制文本显示行数

css如何去掉滚动条占用的高度

利用css实现文本的单行溢出省略和多行溢出省略

css如何解决文字和图片对不齐的问题

标签: css, draggable, html, user-drag, 禁止拖拽

上面是“html和css有哪些禁止元素拖拽的代码”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2274.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
dedecms5.6如何在首页代码用调用小说模块
Tippy.js可定制的气泡提示独立组件文档官网介绍
js如何把数组里的字符串转为数字
做一个好玩的时钟翻牌效果
分析文章内容与标题的匹配度对用户粘度的影响