Можно повесить на container
событие mouseup
, оно срабатывает и для дочерних элементов. А затем уже по этому событию проверять target
события:
function addEvent(element, eventType, handler){
if(element.addEventListener)
element.addEventListener(eventType, handler);
else
element.attachEvent(eventType, handler);
}
var c = document.getElementById('container');
addEvent(c, 'mouseup', function(e) {
if(e.target.tagName.toLowerCase() == 'article')
{
e.target.style.backgroundColor = 'red'
}
});
Демо: http://jsfiddle.net/YABB9/1/
UPDATE: Судя по всему можно и напрямую вешать click
: http://jsfiddle.net/YABB9/3/