Question

How to make img unclickable? I want to draw something on it but when i make mousedown then mousemove image is going after my mouse. Is this possible to make it stay in place? I know that I could create it as a background in div but for now i want to try in img. Thanks.

Image to make it more clear because of my language:
screen

Answer 1

You probably can solve your problem by putting this in your css :

#myImage {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

EDIT (with OP’s comment) :

A more complete solution would be

#myImage {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-user-drag: none;
-khtml-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

(in my experience, both are needed to avoid a bad user experience)