Есть два элемента: img, которые используют ту же самую map с одной областью. Теперь мы связываем, например. обработчик события щелчка на область элемент. Можно ли определить из обработчика события, на который был нажат экземпляр изображения?Получение ассоциированных img из области HTML
0
A
ответ
0
Да, вы можете определить, какое изображение просматривалось либо:
- подключая один обработчик событий на родительский элемент и проверки свойство event.target
- крепления отдельных обработчиков событий на каждый элемент изображения.
Например, если ваш HTML выглядит следующим образом:
<div id="container">
<img id="myimage1" usemap="theMap" />
<img id="myimage2" usemap="theMap" />
<map name="theMap">
...
</map>
</div>
то возможные решения:
1)
document.getElementById('container').onclick = function(evt) {
var target = evt.target || window.event.srcElement;
switch(target.id) {
case 'myimage1':
alert('you clicked on myimage1');
break;
case 'myimage2':
alert('you clicked on myimage2');
break;
default:
// click handler got some other evet
}
}
2)
document.getElementById('myimage1').onclick = function() {
alert('you clicked on myimage1');
}
document.getElementById('myimage2').onclick = function() {
alert('you clicked on myimage2');
}
В зависимости от того, что вы хотите сделать после захвата события, вам нужно будет вернуть либо «истину», чтобы разрешить URL-адрес, либо «false», чтобы выполнить альтернативное действие.
0
Возможное решение заключается в использовании его offsetParent. Таким образом, я получаю родителя, и именно этого мне и требовалось. Поиск самого изображения также не должен быть слишком сложным, при условии, что изображения содержатся в разных div s.
Смежные вопросы
- 1. Получение случайного img из массива
- 2. Получение ассоциированных типов синонимов с шаблоном Haskell
- 3. Получение заголовков ответов тегов img из UIWebView
- 4. Получение <img> из строки html в Android
- 5. Получение атрибута SRC из IMG тега
- 6. Анализировать IMG из HTML из JSON объекта
- 7. Получение «альт» из HTML-кода
- 8. Получение значения из родительской области для области с дочерними объектами
- 9. Получение img-url из RSS-ленты swift
- 10. Получение тега Img из RSS Описание
- 11. получение IMG элемент из известного источника
- 12. Получение изображений ссылки из HTML
- 13. HTML/CSS - Поместите img поверх img?
- 14. Получить имя тега области HTML из Javascript?
- 15. Получение тега IMG путем перемещения через элементы html в jquery
- 16. Получение узла img от родителя
- 17. Список всех ассоциированных имен из указанной таблицы?
- 18. Rails Обновления ассоциированных Model
- 19. HTML Img не загружается
- 20. Получение контента из html
- 21. Получение html из xml
- 22. Получение информации из html
- 23. Regex - Извлечение img src из HTML
- 24. Как получить img из HTML doc
- 25. Retrive URL-адрес из категории Html Img
- 26. img вставить в HTML из javascript
- 27. Как получить img-url из html-текста
- 28. Копирование img из HTML в Java Swing
- 29. как удалить IMG тег из HTML
- 30. Регулярное выражение получить IMG SRC из HTML