Html 禁用拖动图像

在一些网站应用中，可能需要禁止用户通过鼠标拖动图像来进行操作，这时可以通过设置 html 属性来实现。

方法一：通过 CSS 样式设置

我们可以通过下面这一段 CSS 样式，来禁用网页中的图像拖动功能：

img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

使用该 CSS 样式后，网页中的所有图像都无法进行拖动操作。

方法二：通过 HTML 属性设置

我们可以直接在 image 标签中添加 draggable 属性，并将其值设置为 false，来禁用图像的拖动功能：

<img src="image.jpg" draggable="false">

使用该方式设置，对于单个图像进行禁用操作更为方便。

Markdown 代码片段

## Html 禁用拖动图像

在一些网站应用中，可能需要禁止用户通过鼠标拖动图像来进行操作，这时可以通过设置 html 属性来实现。

### 方法一：通过 CSS 样式设置

我们可以通过下面这一段 CSS 样式，来禁用网页中的图像拖动功能：

```css
img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

使用该 CSS 样式后，网页中的所有图像都无法进行拖动操作。

方法二：通过 HTML 属性设置

我们可以直接在 image 标签中添加 draggable 属性，并将其值设置为 false，来禁用图像的拖动功能：

<img src="image.jpg" draggable="false">

使用该方式设置，对于单个图像进行禁用操作更为方便。