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有哪些禁止元素拖拽的代码”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。

本文标题为:html和css有哪些禁止元素拖拽的代码

基础教程推荐