Не получается остановить всплытие событий
 

Доброго времени суток, уважаемые форумчане!
Столкнулась с такой проблемой:
есть три вложенных дива, событие onmouseup должно висеть на первом(самом глубоком) диве, но ловить оно должно клик либо по второму либо по третьему (третий вложен во второй). Но не получается так. Просто повесить событие на глубинный див, оно срабатывает три раза, что конечно логично, но мне не нужно(

вот мои попытки:

function formouseup(e){
                        e = event || window.event // кросс-браузерно
	     
                        if (e.stopPropagation) {
	                    // Вариант стандарта W3C:
	                        e.stopPropagation()
	                    } else {
	                    // Вариант Internet Explorer:
	                        e.cancelBubble = true
	                    }
                        str=//создание таблицы;
                        var div = document.createElement('div');
                        
                        div.setAttribute('id','12345');
                        div.style.position='absolute';
                        div.style.top='10px';
                        div.style.left='10px';
                        div.innerHTML=str;

                        img.parentNode.appendChild(div);
                        img.parentNode.style.position='relative';

                        img2 = document.createElement('img');
                        img_map.src = 'http://dreaminginpictures.files.wordpress.com/2010/06/nature_flowers_tulips_and_cakes_022579_.jpg';
                    
                        document.getElementById('12345 ').appendChild(img2);                       
                                        
                    }      
             document.getElementById('img.parentNode').addEventListener('mouseup', formouseup, true);

подскажите, пожалуйста . . .

попробуйте e = e || event

мда, это совсем не кроссбраузерно, учитывая то что у вас входной парамерт с именем "e"

e = e || window.event; // кросс-браузерно