Как запретить перетаскивание img с зажатой левой кнопкой мыши?

Question

[konstant1n13]

Мне нужно запретить перетаскивание картинки в теге img при нажатии, зажатии и движении левой кнопкой мыши. Мне нужен кроссбраузерный способ на чистом JS, с поддержкой старых браузеров, или несколько разных способов для разных браузеров. Но я готов рассмотреть вообще все возможные реализации этого. Благодарю за внимание.

Comments

[yarnstart]

ЗАЧЕМ

[Rustam Bainazarov]

Добавьте в CSS:

img {
    pointer-events: none;
}

Answer 1

[Антон Муравьев]

Добавьте pointer-events: none; в класс картинки.

Answer 2

[Станислав Некрасов]

Как вариант, можно попробовать добавить атрибут draggable картинке:

<img src="path/to/image" alt="" draggable="false" />

Но он не везде поддерживается)

Comments

[Елена]

Станислав Некрасов мне помогло)

Answer 3

[Арсений Матыцин]

1. Фоновые картинки не перетаскиваются.
2. Если поверх изображения в его полный размер кинуть пустой див с позиционированием z-index-а выше, то тоже нельзя будет захапать (как в инсте).