Javascript 嵌套元素的鼠标事件问题

我有一些类似于以下内容：

 <div onclick="divClickEvent();">
   <img onmousedown="imgOnDownEvent();" />
 </div>

问题是，如果您将鼠标放在img上，div单击将在鼠标向上时触发。我试图通过向img元素添加一个

onclick=“return false；”“

来覆盖div-onclick，但div-onclick仍在启动。我在文档onmouseup事件中也有一个cancel冒泡，并返回false（在img ondown事件中动态附加）

我已经没有主意了。为什么div仍在处理该事件，以及如何停止它？

已弃用

在图像的onclick事件中使用而不是cancelBubble[非标准方法]

---

这会阻止当前事件的进一步传播。

请考虑使用类似jQuery的抽象框架，在该框架中，无论浏览器版本如何，都可以使用相同的方法停止传播：

<div id="image_holder">
     <img id="some_image" alt="" src="" />
</div>

<script type="text/javascript">
     $(document).ready(function(){ // This will be run when DOM is ready
          var holder = $('#image_holder'),
              someImage = $('#some_image');

          someImage.bind('mousedown', function(event){ 
              // This will be run on mousedown
              event.preventDefault().stopPropagation();
          });
     });
</script>

$（document）.ready（function（）{//这将在DOM就绪时运行
var holder=$（“#图像_holder”），
someImage=$（“#some_image”）；
绑定（'mousedown'，函数（事件）{
//这将在mousedown上运行
event.preventDefault（）.stopPropagation（）；
});
});

IE不支持停止播放。。。我想我应该在IE中使用cancelBubble？