Есть ли способ сделать тег img недоступным для выбора в браузере?

Question

У меня есть изображение на моей странице, и я не хочу, чтобы оно улавливало щелчки мышью (как в браузерах, перетаскивающих мышью или выбирающих при перетаскивании, где оно выделяет изображение в браузере.)* Могу ли я что-то сделать с img или его родительским элементом dom или страницей, чтобы браузер ничего не делал, когда я нажимаю на изображение?Мне нужно использовать mousedown для чего-то другого, но браузер, похоже, выполняет мое событие mousedown, а также выполняет свое перетаскивание или выделение, и я этого не хочу.Есть идеи?

Answer 1

Создайте div такого же размера, как изображение, а затем установите изображение в качестве фона div.

Answer 2

Как уже говорилось, используйте div и установите его фоновое изображение на желаемое изображение, например ::10000

<div style="width: 879px; height: 576px; background-image: url(image.png);">

Answer 3

Изображения по умолчанию можно перетаскивать .Чтобы переопределить поведение браузера по умолчанию, попробуйте:

<img draggable="false"...

Answer 4

с использованием jquery,

$('img').click(function() {
  return false;
})

Answer 5

Лучшая идея, которую я получаю, это покрыть <img ... каким-нибудь прозрачным <div и привязать действие mousedown к его :) EDIT: или, конечно, если вы не будете играть с img, вы можете использовать его какbackground для вашего дел.