Запрет перетаскивания img и url браузером

#html #css #javascript

Во многих браузерах (например в хроме и ие) возможно "перетащить" картинку или ссылку,
зажав над ней левую кнопку мыши, допустим в адресную строку и т.д.. Требуется с помощью
js запретить. Каким образом это возможно реализовать?
(написан маленький скрипт, позволяющий зажав кнопку над элементов свободно перетаскивать
его. Проблема в том, что если элемент - картинка, вместо перетаскивания, браузер (хром,
ие и т.д. кроме опера) захватывает его по своему, для переноса в адресную строку, на
панель и прочее. Надо как-то запретить браузеру его действие по умолчанию)
p.s.
-webkit-user-select: none;
-moz-user-select: none;


проблемы не решают
    

Ответы

Ответ 1

el.onmousedown = function (e) {
    if (window.event.stopPropagation) window.event.stopPropagation();
    window.event.cancelBubble = true;
    e.cancelBubble = true;
}

Поидее должно помочь


Ответ 2

Оно?

img { pointer-events: none; }


Ответ 3

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

    


Ответ 4

Есть хорошее решение от WebDesignMaster-а. Надеюсь кому-то поможет)



$("img, a").on("dragstart", function(event) { event.preventDefault(); });


Ответ 5

Я сделал так:
mousedown = function(){//свой код drag&drop; return false;}


Ответ 6

Спасибо @Getans, на Internet Explorer 11 Версия 11.0.9600.16476 помогло unselectable="on"
получилось примерно так: