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

功能介绍：图片禁止拖拽！我们可以通过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;
}

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

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

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