javascript - 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

检查这个 fiddle 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)
}​