Событие onclick у области изображения

Энтомолог · Регистрация: 25.04.2012

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

Что для этого нужно использовать?

quwy · 15.10.2014, 15:36

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

Javascript

function OnClick(event)
{
  alert(event.clientX+'x'+event.clientY);
}

@Lazy_Den · 15.10.2014, 15:37

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

у области изображения

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

Javascript

document.getElementById('img_area').addEventListener('click', function(e){
    if(e.target == this){
        console.log('Клик на области вокруг изображения');
    } else {
        console.log('Клик на самом изображении');
    }
}, false);

Энтомолог · 15.10.2014, 18:55 **[ТС]**

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

@newJS · 15.10.2014, 21:22

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

Нужен ли тут тег map?

Карта нужна чтобы на одной картинке выделить несколько независимых областей которые каждая себе будет кликабельна.
А если нужен клик по всей картинке, то просто onclick в тег img.

Энтомолог 141 / 181 / 44 Регистрация: 25.04.2012 Сообщений: 2,623 Записей в блоге: 5
		1
	Событие onclick у области изображения 15.10.2014, 15:26. Показов 1483. Ответов 4 Метки нет (Все метки) Что для этого нужно использовать? 0

Энтомолог 141 / 181 / 44 Регистрация: 25.04.2012 Сообщений: 2,623 Записей в блоге: 5
	15.10.2014, 18:55 [ТС]	4
	Я имел в виду событие клика в прямоугольной области некоторого большего изображения, заданного тегом img. Нужен ли тут тег map? 0

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	15.10.2014, 21:22	5
	Сообщение от Alex9 Нужен ли тут тег map? Карта нужна чтобы на одной картинке выделить несколько независимых областей которые каждая себе будет кликабельна. А если нужен клик по всей картинке, то просто onclick в тег img. 1

Опции темы