Как запретить обрабатывать событие
Пожалуйста, помогите!
Есть картинка "а" и картинка "б". "б" расположена над "а". Как сделать, чтоб при клике по картинке "б" обрабатывалось событие onclick картинки "а"? |
В таких случаях обработчик вешается на родительский элемент картинок, а там уже можно определить на какой именно картинке произошел клик и пр. Пример:
<style>
img { position: absolute; }
</style>
<div id="example">
<img src="http://javascript.ru/forum/images/smilies/help.gif" id="img1">
<img src="http://javascript.ru/forum/images/smilies/write.gif" id="img2">
</div>
<script>
document.getElementById('example').onclick = (function(){
var imgs = {
img1: document.getElementById('img1'),
img2: document.getElementById('img2')
}, current = 'img1';
imgs.img2.style.display = 'none';
return function(){
imgs[ current ].style.display = 'none';
current = current === 'img1' ? 'img2' : 'img1';
imgs[ current ].style.display = '';
};
}());
</script>
|
Не, не помогло. "Нижняя картинка" это многоугольная area, и мне необходимо обработать onclick именно для этого многоугольника.
Проблему хорошо иллюстрирует вот этот документ - http://bruslandiya.ru/genplan/ На косых изображениях, наложенных поверх map, возникает указанная проблема, т.к. onclick возникает и в прозрачных областях изображения. |
| Часовой пояс GMT +3, время: 11:26. |