Выделение при нажатии на картинку

@Deprow · Регистрация: 27.02.2018

Студворк — интернет-сервис помощи студентам

HTML5
1
<a href=#><img src=1.jpg></a> либо <div onclick=func()>нажми на меня</div>

при нажатии на картинку либо на блок происходит выделение синим фоном. Особенно это заметно при нажатии в мобильном браузере. Как этого избежать ?

@Fedor92 · 27.02.2018, 09:58

Deprow, чтобы дать Вам ответ необходимо увидеть полный код... Того, что Вы предоставили недостаточно... Если картинка обёрнутая в ссылку, то она может выделяться применением дефолтных стилей к псевдоклассам - :active, :link или :visited, а почему выделяется второй Ваш вариант не понятно...

@Deprow · 27.02.2018, 09:59 **[ТС]**

выделение происходит только если заходить с телефона.

@Fedor92 · 27.02.2018, 10:04

Сообщение от Deprow

выделение происходит только если заходить с телефона.

Ну не хотите давать код, давайте nsefnm пальцем в небо... Допустим так:

CSS
1
*{outline:0 !important}

@Deprow · 27.02.2018, 10:08 **[ТС]**

А нет кода =) То есть всё очень просто как я указал выше

HTML5
1
2
3
4
5
<div onclick=func()><img src=1.jpg></div>
 
func() {
alert('привет');
}

на мобильном происходит выделение синим фоном при нажатии. с компа нет такой проблемы.

CSS
1
div {outline:0 !important}

не помогает

@Fedor92 · 27.02.2018, 10:15

Ну давайте так попробуем:

CSS
1
2
3
4
5
-moz-user-select: none;
 -o-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 user-select: none;

@AlexZaw · 27.02.2018, 10:18

Не для дива, для img outline:none пропишите

@Deprow · 27.02.2018, 10:25 **[ТС]**

к сожалению, так же

@Deprow · 27.02.2018, 10:28 **[ТС]**

фот скрин

@Fedor92 · 27.02.2018, 10:32

CSS
1
img { pointer-events: none; }

Больше вариантов нет...

@AlexZaw · 27.02.2018, 10:32

Эммм, вот все что вокруг домика голубым залито, вот это и появляется? Тогда не видя кода мы бесконечно будем гадать отчего он появляется...

@Deprow · 27.02.2018, 10:37 **[ТС]**

Это происходит при нажатии на блок div

HTML5
1
2
3
<div onclick=func()><img src=domik.jpg></div>
 
func() { alert('привет') }

@Fedor92 · 27.02.2018, 10:40

Deprow, удалите картинку из блока и нажмите на него... Он выделиться? Нет... Я Вам накидал всевозможные варианты снятия выделения со строчных элементов, если ни один не подошёл - значит у Вас особенный телефон... Найдёте решение милости просим...

@Deprow · 27.02.2018, 10:44 **[ТС]**

Fedor92, не с телефоном всё норм. пробую на разных, результат тот же. даже без картинки

<div onclick=func()>нажми</div>

func() { alert('привет') }

@AlexZaw · 27.02.2018, 10:51

При user-select должна только картинка выделяться, а не весь див, если конечно голубым отмечено выделение, или нас тут не троллят.

зы, а может это просто бекграунд для активного пункта меню появляется ?

Добавлено через 2 минуты
Deprow, Вы понимаете, что кидая нам две строчки кода (одна из которых не рабочая), вы нам ничем не поможете, а следовательно мы не поможем вам

@Deprow · 27.02.2018, 11:09 **[ТС]**

выделение блока происходит даже без картинки

<div onclick=func()>нажми</div>

func() { alert('привет') }

Добавлено через 17 минут
Смысл минусовать меня если я задал нормальный вопрос, привел пример и изображение ? Проблема детства у вас что ли ? Либо дебилизм по генам перешёл ?

@AlexZaw · 27.02.2018, 11:18

Не по теме:

Вам с самого начала темы твердят покажите весь код, вы в ответ приводите 2 бесполезные строчки причем одна из которых вообще нерабочая . Так что либо проблемы детства у вас, либо вы над нами просто издеваетесь, отсюда и минус

@Deprow · 27.02.2018, 11:38 **[ТС]**

AlexZaw, мужик ты посмотри внимательно - вон он код !

HTML5
1
2
3
4
5
<div onclick=func()>нажми</div>
 
<script>
func() { alert('привет'); }
</script>

больше не чего нет. Это просто блок. Повторю ещё раз это просто блок ! о чём вы можете твердить если вы невнимательны?
Ещё раз

HTML5
1
2
3
4
5
<div onclick=func()>нажми</div>
 
<script>
func() { alert('привет'); }
</script>

Ну а теперь вы опять попросите показать код ?

Добавлено через 7 минут
если кто это не понял то -

JavaScript
1
func() { alert('привет'); } это  function  func() { alert('привет'); }

@AlexZaw · 27.02.2018, 12:05

т.е. весь ваш index.html выглядит примерно так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div onclick=func()>нажми</div>
 
<script>
function func() { alert('привет'); }
</script>
</body>
</html>

Не используются никакие стили, никакие скрипты...

@Deprow · 27.02.2018, 12:26 **[ТС]**

AlexZaw, Именно. И нечего больше. За это стоило 11 минусов ставить ? вы как считаете ?

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	27.02.2018, 09:58
	Deprow, чтобы дать Вам ответ необходимо увидеть полный код... Того, что Вы предоставили недостаточно... Если картинка обёрнутая в ссылку, то она может выделяться применением дефолтных стилей к псевдоклассам - :active, :link или :visited, а почему выделяется второй Ваш вариант не понятно... 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 09:59 [ТС]
	выделение происходит только если заходить с телефона. 0

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	27.02.2018, 10:18
	Не для дива, для img `outline:none` пропишите 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 10:25 [ТС]
	к сожалению, так же 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 10:28 [ТС]
	фот скрин Миниатюры 0

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	27.02.2018, 10:32
	Эммм, вот все что вокруг домика голубым залито, вот это и появляется? Тогда не видя кода мы бесконечно будем гадать отчего он появляется... 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	27.02.2018, 10:40
	Deprow, удалите картинку из блока и нажмите на него... Он выделиться? Нет... Я Вам накидал всевозможные варианты снятия выделения со строчных элементов, если ни один не подошёл - значит у Вас особенный телефон... Найдёте решение милости просим... 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 10:44 [ТС]
	Fedor92, не с телефоном всё норм. пробую на разных, результат тот же. даже без картинки <div onclick=func()>нажми</div> func() { alert('привет') } 0

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	27.02.2018, 10:51
	При user-select должна только картинка выделяться, а не весь див, если конечно голубым отмечено выделение, или нас тут не троллят. зы, а может это просто бекграунд для активного пункта меню появляется ? Добавлено через 2 минуты Deprow, Вы понимаете, что кидая нам две строчки кода (одна из которых не рабочая), вы нам ничем не поможете, а следовательно мы не поможем вам 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 11:09 [ТС]
	выделение блока происходит даже без картинки <div onclick=func()>нажми</div> func() { alert('привет') } Добавлено через 17 минут Смысл минусовать меня если я задал нормальный вопрос, привел пример и изображение ? Проблема детства у вас что ли ? Либо дебилизм по генам перешёл ? 0

@AlexZaw
	27.02.2018, 11:18
	Не по теме: Вам с самого начала темы твердят покажите весь код, вы в ответ приводите 2 бесполезные строчки причем одна из которых вообще нерабочая . Так что либо проблемы детства у вас, либо вы над нами просто издеваетесь, отсюда и минус 0

@Deprow -11 / 0 / 0 Регистрация: 27.02.2018 Сообщений: 18
	27.02.2018, 12:26 [ТС]
	AlexZaw, Именно. И нечего больше. За это стоило 11 минусов ставить ? вы как считаете ? 0