Сделать изображения недоступными для выбора

Question

Я делаю сайт в Dreamweaver CS5.Я экспортировал изображения из фотошопа и вставил их в таблицу.Когда я просматриваю сайт, все изображения можно выбрать (вы можете перетащить их на рабочий стол).Как я могу изменить это ???Я хочу сделать это с помощью метода onclick, кроме того, как бы я достиг этого?

<td><img src="images/people_03.png" name="one" width="1000" height="156" id="one" ONCLICK="closeimages();"/></td>

Answer 1

Я наткнулся на этот вопрос, борясь с той же проблемой, но принятый ответ не был возможным решением для меня.

Я использовал найденную информацию здесь , в частности, добавив следующие стили к моему телу внутри CSS (это работало для меня в Firefox, Chrome и Opera, я не могу проверить IE)

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;

Невыбираемый HTML-тег также кажется полезным, но, очевидно, он поддерживается только в IE и Opera:

<img src="1.jpg" unselectable="on">

, а также решение javascript, которое работает в браузерах IE и webkit:

<script>
window.onload = function() {
    document.body.onselectstart = function() {
        return false;
    }
}
</script>

Примечание . Как указал Альберт Реншоу , этот метод больше не работает в Chrome> 50.

Answer 2

Я бы использовал pointer-events: none; в моем CSS

img {
  pointer-events: none;
}

Answer 3

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

Answer 4

Это работает:

pointer-events: none;
user-select: none;