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