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;
}