javascript - 捕获和冒泡事件

Question

我创建了下一个 jsfiddle:

http://jsfiddle.net/AHyN5/6/

这是我的代码:

var mainDiv = document.getElementsByClassName('mainDiv');
var div = mainDiv[0].getElementsByClassName('data');

mainDiv[0].addEventListener("click", function(e) {
     alert('1');
});

$(mainDiv[0]).children('img').click(function (e) {
    e.stopImmediatePropagation()
     return false;    
})

我希望点击粉色背景会弹出一条值为 1 的消息(警报消息)。

当点击黄色时，我不希望发生任何事情。

我读了这个博客，但没有成功..

感谢任何帮助!

Answer 1

我同意其他人的说法，即使用 jQuery 或直接 DOM 调用。

这是 jQuery 解决方案的另一个例子 - 与上面的非常相似。我继续展示它是因为它直接针对图像 - 如果这就是您真正想要实现的目标。

$(function()
{   var mainDiv = $('div.pink:first'),
        imgs = $('img');

    mainDiv.click(function()
    {   alert('1');
    });

    imgs.click(function(e)
    {   e.stopImmediatePropagation();
    });
});