Jquery 可在著名的.js中拖放?

Jquery 可在著名的.js中拖放?,jquery,famo.us,Jquery,Famo.us,我正在尝试在著名的.js中实现一个可拖动/可拖放的图像。也就是说,如果将图像放置在正确的曲面上,将触发一个事件 在我的可拖动图像上,我正在收听“touchend”事件。没问题 我还有一个touchend事件连接到我的“目标”表面。问题是当我释放draggable时,这个touchend事件不会触发,只有draggable中的touchend被触发 我的问题是:著名的.js是否有像jQuery中那样的“可拖放”对象?如果不是,我如何检测目标视图顶部何时发生事件 我的代码几乎就是源代码,添加了一些事

我正在尝试在著名的.js中实现一个可拖动/可拖放的图像。也就是说,如果将图像放置在正确的曲面上,将触发一个事件

在我的可拖动图像上,我正在收听“touchend”事件。没问题

我还有一个touchend事件连接到我的“目标”表面。问题是当我释放draggable时,这个touchend事件不会触发,只有draggable中的touchend被触发

我的问题是:著名的.js是否有像jQuery中那样的“可拖放”对象?如果不是,我如何检测目标视图顶部何时发生事件


我的代码几乎就是源代码,添加了一些事件处理程序。

目前还没有可拖放的对象。。但是您可以在曲面上使用普通的HTML5DOM事件。下面是一个工作拖放示例,它记录您拖放的文件

var Engine = require('famous/core/Engine');
var Surface = require('famous/core/Surface');
var Modifier = require('famous/core/Modifier');

var context = Engine.createContext();

var surface = new Surface({
    size:[200,200],
    content:"Drop Here!",
    properties:{
        border:'4px solid white',
        backgroundColor:'green',
        fontSize:'36px',
        fontFamily:'arial',
        textAlign:'center',
        color:'white',
        lineHeight:'200px'
    }
});

surface.on('dragenter', function(evt){
    evt.preventDefault();
    return false;
});

surface.on('dragleave', function(evt){
    surface.setProperties({border:'4px solid white'});
    evt.preventDefault();
    return false;
});

surface.on('dragover', function(evt){
    surface.setProperties({border:'4px solid black'})
    evt.preventDefault();
    return false;
});

surface.on('drop', function(evt){

    evt.preventDefault();
    evt.stopPropagation();

    surface.setProperties({border:'4px solid white'});

    files = evt.dataTransfer.files;
    console.log(files);
});

context.add(new Modifier({origin:[0.5,0.5]})).add(surface);