Отключить выбор при перемещении мыши по изображению

Question

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

Я также попытался ввести это в css, как это было предложено во многих подобных вопросах.

-webkit-touch-callout: none;/*for mobile*/ 
-webkit-user-select: none;/*for chrome*/ 
-khtml-user-select: none;/*for safari*/ 
-moz-user-select: none;/*for Mozilla*/ 
-ms-user-select: none;/*for mircosoft*/ 
-o-user-select: none;/*for opera*/ 
user-select: none;/*base css ,but not work in all browsers*/ 

FIDDLE

Answer 1

Fixed, установив e.dataTransfer.setDragImage на прозрачном полотне 1px и перетащить мыши все еще работает

var c = document.getElementById("canvas"); 

document.getElementById("image").addEventListener("dragstart", function(e) { 
    e.dataTransfer.setDragImage(c, 0, 0); 
}, false); 


document.getElementById("image").addEventListener("dragover", function(e) { 
    e.preventDefault(); 
}, false); 

FIDDLE

Answer 2

Использование пользователем перетаскивание css option

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