Webアプリケーション全体でコピー/移動（Webアプリケーションのドラッグ＆ドロップ）イメージを防ぐことはできますか？

Question

ドラッグアンドドロップ（移動/コピー）イメージやファイルをWebアプリケーション全体に表示しないようにすることは可能ですか？

例：Webアプリケーションを開いてシステムイメージを選択し、そのWebアプリケーションにドロップすると、イメージがフルサイズで開き、urlがfile：/// C：/ Users/Public /写真/サンプル％20Pictures/Chrysanthemum.jpg

私はそれを防止したいと思います。

はいの場合はどのように任意のJSは、もし何も理由がない場合は可能ですか？

Answer 1

$(document).bind({ 
dragenter: function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    var dt = e.originalEvent.dataTransfer; 
dt.effectAllowed = dt.dropEffect = 'none'; 
}, 
dragover: function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    var dt = e.originalEvent.dataTransfer; 
    dt.effectAllowed = dt.dropEffect = 'none'; 
} 
}); 

チェックこのリンク：http://jsfiddle.net/andreymir/H3RR7/light/

Answer 2

ユーザーが現在のページを終了しようとすると、onbeforeunloadイベントが発生します。私はそれをChrome、Firefox、IE 9でテストしました。ユーザーがファイルをウィンドウにドロップしても起動します。これはあなたのために働くことができます。これはJavascriptに依存していますが、これは有効になることが保証されていません。だからそれに頼らないでください。

など。 jquery：

ユーザーがページから離れて移動すると、それはまた、実際には少し不便かもしれません。

Answer 3

あなたはタグの間、つまり、あなたのHTML文書の先頭に次のコードを挿入する必要があります。

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Disable 
function disableselect(e){ 
return false 
} 

function reEnable(){ 
return true 
} 

//if IE4+ 
document.onselectstart=new Function ("return false") 
document.oncontextmenu=new Function ("return false") 
//if NS6 
if (window.sidebar){ 
document.onmousedown=disableselect 
document.onclick=reEnable 
} 
//--> 
</script>