CSS
Frontend

Как запретить перетаскивание картинки с зажатой кнопкой?

Два простых способа запретить перетаскивание изображений на сайте: свойство CSS user-select/pointer-events и атрибут HTML draggable="false".

Киселев Александр
Киселев Александр
Разработчик SiteVisor.Cloud7 фев 2023· 2 мин
Читать автора

Запретить перетаскивании картинок с использование CSS

Можете применить этот CSS ко всем картинкам на сайте через атрибут img или повесить стили на ваш класс

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

Запретить перетаскивании картинок с использование атрибута HTML

Необходимо добавить к вашей картинке draggable="false"

<img src="path/to/image" alt="" draggable="false" />
Просмотров: 1547

Комментарии

Пока нет комментариев — будьте первым.

Похожие материалы

Frontend

Как сделать HTTP-запрос в Javascript?

Как выполнять HTTP-запросы в JavaScript: сравнение Fetch API и XMLHttpRequest с примерами кода для GET-запросов и обработки ответов сервера.

Киселев АлександрКиселев Александр2 мин

Проверьте это на своём сайте

Бесплатные инструменты SiteVisor разбирают индексацию, robots.txt, редиректы и микроразметку — без регистрации и настройки.