Kinetic JS无法在Firefox中运行

Question

我使用过一个脚本。我的问题是脚本在Firefox浏览器中不起作用。

代码在这里：

window.onload = function(){
        var stage = new Kinetic.Stage({
            container : "cantainer",
            width : 400,
            height : 400
        });
        var layer = new Kinetic.Layer();
        stage.add(layer);
        var con = stage.getContainer();    
        var dragSrcEl = null;
        //image
        document.getElementById("yoda").addEventListener('dragstart',function(e){
               dragSrcEl = this;
        });

        con.addEventListener('dragover',function(e){
            e.preventDefault(); //@important
        });
        //insert image to stage
        con.addEventListener('drop',function(e){
            var image = new Kinetic.Image({
               draggable : true
            });
            layer.add(image);
            imageObj = new Image();
            imageObj.src = dragSrcEl.src;
            imageObj.onload = function(){
                image.setImage(imageObj)
                layer.draw()
            };
         });

检查链接上的脚本：http://jsfiddle.net/lavrton/n4w44/

提前感谢您的帮助。

Answer 1

添加

e.preventDefault();

在drop内部事件监听器。 演示：http://jsfiddle.net/bk86e/