undraggable image

Image를 undraggable 하기 위한 정말 간단하고 쉬운 방법이 있다.

 

| 방법1 

<div id='my-image'></div>
Then in CSS:

#my-image {
    background-image: url('/img/foo.png');
    width: ???px;
    height: ???px;
}

| 방법2

<img draggable="false" (dragstart)="false;" class="unselectable">

.unselectable {
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}