Как отключить перетаскивание HTML-элемента (особенно "IMG")?

Question

У меня есть изображение, которое не нужно перетаскивать или выбирать, чтобы не перетаскивать его в другие места на странице.как это сделать?

Answer 1

Если вы хотите, чтобы ваши посетители / пользователи видели ресурс на вашей странице, есть нет способа остановить их загрузку или сохранение.

Возможные варианты:

1. Вы можете использовать JavaScript для предотвращения всплывающего контекстного меню при щелчке правой кнопкой мыши (статья по теме: http://javascript.about.com/library/blnoright.htm).
2. Вы можете покрыть изображение прозрачным .png или .gif, чтобыщелкнув по изображению просто, вы получите прозрачное изображение.

Но если пользователь может увидеть изображение на веб-странице, тогда оно уже на своем компьютере .

Answer 2

Зачем тебе это делать?

Я могу предложить javascript, который сможет это сделать: http://www.brownielocks.com/stopcopying.html

Но каждый, даже с небольшим опытом, может просмотреть источник и скопировать его. и даже если вы заблокируете их от просмотра источника, они могут использовать wireshark и получить изображение напрямую. Даже если для показа изображения используется вспышка, можно сделать снимок экрана и получить изображение.

Поместите водяной знак на картинку и время от времени пользуйтесь http://www.tineye.com/ и ищите свою картинку. Если вы найдете других, которые используют вашу фотографию - подайте в суд на них. Это самый эффективный способ.

Answer 3

Поскольку изображение представляет собой просто двоичные данные, а все данные записываются на клиентских ПК, по причине того, что причина их появления зависит от того, что они будут делать с данными.Вы никак не можете помешать им сохранить изображение, отображаемое на веб-сайте.

Все, что вы можете сделать, это сделать его немного сложнее, заблокировав щелчок правой кнопкой мыши на изображении (отображение предупреждения при щелчке правой кнопкой мыши или что-то в этом роде).как это).Но если пользователь действительно хочет сохранить изображение, он все равно сделает это.

Answer 4

На самом деле это гораздо сложнее, чем вы думаете, это будет, я полагаю, вы не хотите, чтобы люди крали ваши изображения, что достаточно справедливо, но просто помните все различные способы, которыми кто-то может получить изображение изВеб-сайт.Вы можете поймать событие правого клика и остановить их, по крайней мере, сделать это, но они всегда могут просто сделать снимок экрана и сохранить его.Это скользкий путь, и он всегда заканчивается одинаково, если они действительно хотят его украсть, они собираются.

Answer 5

Этот фрагмент JavaScript делает именно то, что запрашивает OP:

document.addEventListener("dragstart", preventDrag);
function preventDrag(event) {
    event.preventDefault();
}

Answer 6

Невозможно запретить кому-либо хранить изображение (или другие ресурсы) на своем компьютере, как уже упоминали другие.

Но еще одна хитрость, которая усложняет задачу (для неопытных людей, я полагаю, невозможна), заключается в использовании CSS и фоновых изображений:

<div style='background: url("myimage.gif");'></div>

Изображение теперь находится на фоне блока <div>, и его нельзя перетаскивать или щелкать правой кнопкой мыши для его сохранения.

Используя некоторые знания в области кодирования, можно выделить часть myimage.gif, которую можно добавить после базового URL-адреса, чтобы загрузить изображение и сохранить его. Например, если страница HTML находится на http://www.example.com/mypage.html, изображение может быть найдено на http://www.example.com/myimage.gif

Как я уже говорил, сохранить изображение все еще возможно, но для неопытных людей это намного сложнее.

Примечание : в этом примере изображение просто помещается в тег HTML, но при правильном использовании файла CSS его даже труднее найти неопытным людям.

Answer 7

Вы не можете запретить пользователю сохранять что-либо из Интернета на своем ПК. Ближайшее, что приходит мне в голову, это CSS-свойство -moz-user-select ... https://developer.mozilla.org/en/CSS/-moz-user-select