div的双击事件

Question

我试图将事件处理程序添加到div中具有图像的div.我的问题是,只有双击它旁边的div之外,该事件才有效.当您双击div内的图片时,它不会触发事件.如何使事件双向运作？

HTML

<div id="placeholder">
    <a href="http://google.com" target="_blank">
        <img src="http://www.fat-animals.com/wp-content/uploads/2009/03/11.jpg" alt="" />
    </a>
</div>

JavaScript的

var pic;
pic = document.getElementById("placeholder");
pic.ondblclick = function() {
    pic.innerHTML = "blocked!";
}

演示 http://jsfiddle.net/9DWrN/

Answer 1

检查这个小提琴 http://jsfiddle.net/unloco/9DWrN/3/

var pic = document.getElementById("placeholder");
var clicked = false;
pic.onclick = function() {
    if(clicked) {
        pic.innerHTML = "blocked!";
    } else {
        clicked = true;
    }
    setTimeout(function(){
        clicked = false
    }, 333); //detect fast clicks (333ms)
}?