javascript - 将点击功能更改为 Keydown() Keycode =32

Question

http://jsfiddle.net/58YWM/8/这是原来的 fiddle 。

我不知道为什么，但是 keydown 不会监听并且不会执行该函数。

window.addEventListener("keydown", explode);

var contW = $('#container').width();
var contH = $('#container').height();
var explode;

$('.holder').keydown(explode=function(e) {
    event = event || window.event;
    if(keycode === 32){
        for (var j = 1; j <= 3; j++){        
            var sourceX = (Math.random()*contW)%(contW>>1);
            var sourceY = (Math.random()*contH)%(contH>>1);
            var nTop = Math.floor((Math.random()*contW)%contW);
            var nLeft = Math.floor(((Math.random()*contH)%contH));
            var $child = $(this).clone();    

            $('#container').append($child);
            $child.css({ top:sourceX, left: sourceY })
            .animate({ opacity: 0.5, top: nTop+'px', left:nLeft+'px' }, 500)
            .keydown(explode);


            $(this).hide();
        }
});

Answer 1

可能有超过 1 个错误，但您输入了这一行:

window.addEventListener("keydown", explode);

在设置变量explode之前。在绑定(bind)事件之前设置爆炸，将会显示更多错误，您将能够开始调试。