i though this would be a lot easier but for some reason i'm having problems to get my dragenter to work with
- .upload-container > child
but it works with selector on it's own fine. i've also tried :child
how can i please trigger an event on selector and any child please?
- $('.upload-container > child').on({
dragenter: function(e) {
var dt = e.originalEvent.dataTransfer;
if(dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file'))) {
$('.upload-container').addClass('over-droppable-area');
console.log('file here');
}
},
dragleave: function(event) {
$('.upload-container').removeClass('over-droppable-area');
},
drop: function(event) {
console.log('drop here');
event.stopPropagation();
event.preventDefault();
console.log(event.originalEvent.dataTransfer.files);
}
});
thank you guys