これはとても簡単なことのように思えますが、何らかの理由で、デフォルトの動作がリダイレクトされるのを防ぐことはできません。
HTML :
<div dropimg>
</div>
指令:
marketApp.directive('dropimg', function(){
return function($scope, $element){
//EVENT: drag enter
$element.bind('dragenter dragover', function(){
$element.addClass("dragging");
});
//EVENT: drag exit
$element.bind('dragleave dragexit', function(){
$element.removeClass("dragging");
});
//EVENT: drop
$element.bind('drop', function(e){
if (e.preventDefault) e.preventDefault();
if (e.stopPropagation) e.stopPropagation();
alert("something dropped");
});
}
});