通常、ブラウザにJpegファイルをドロップした場合、全画面表示されると思います。実際には全画面表示やモーダルではなくページが遷移しているのかと思います。
現状、input type="file"をドラッグアンドドロップで拾えるようにするエリア(#exclude)を設けているのですが、ユーザが誤って他の箇所にドロップした際に、ページの遷移を避けるコードを考えております。
1)以下のコードくらいしか、思いつかなかったのですが、動作しません。ページ遷移がchangeイベントではないからなのでしょうか?
2)そもそも広域な要素に対してpreventDefault()をすると本来起きてほしい、イベントをも起きなくしてしまう懸念があるとも考えているのですが、もしそうであれば、他に誤ドロップを防止するために取りうる良い方法はございますでしょうか?
よろしくお願い申し上げます。
JavaScript
1$('body:not(#exclude)').on('change',function(){ 2 preventDefault(); 3 4//修正コード 5 6$('body:not(#exclude)').on('drop',function(e){ 7 e.preventDefault(); 8 9})
回答2件
あなたの回答
tips
プレビュー