Gmailのように、エクスプローラからファイルをドラッグしてブラウザの上まで移動した時にJS関数を発動させる方法はありますか?


Gmailにドラッグ・アンド・ドロップでファイルを添付する機能がありますが、エクスプローラからファイルをドラッグして、カーソルがgmailの画面上に乗ったとき、ドラッグすべき場所が灰色の点線で囲われて「ここにファイルをドロップ」というメッセージが表示されます。

おそらく何らかのJS関数で実現されている機能だと思うのですが、これと同様の機能を実現する方法を教えていただきたいです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/12/01 17:19:45
  • 終了:2013/12/08 17:20:04

回答(1件)

id:Lhankor_Mhy No.1

Lhankor_Mhy回答回数779ベストアンサー獲得回数2312013/12/01 18:38:27

 ネイティブなコードで書くならこちらが参考になります。

dragenter、dragover、dragleave イベント ハンドラを使用すると、ドラッグ プロセス中に視覚による追加的な合図を提供することができます。たとえば、ドラッグ中にカーソルが列に移動されるとボーダーを点線にするということが可能になります。これによって、列もドロップ ターゲットであることをユーザーに示すことができます。

ネイティブ HTML5 ドラッグ&ドロップ - HTML5 Rocks

 
 jQueryならこちら。

Draggable要素をドロップできるようにします。 ドロップを受け入れるDraggable要素を指定することができます。

Droppable - jQuery UI API 1.8.4 日本語リファレンス - StackTrace
他3件のコメントを見る
id:Lhankor_Mhy

おっと、別コメントを挟んじゃった。

2013/12/02 12:42:02
id:Lhankor_Mhy

ああ、そうですね。質問はファイルが対象でした。HTML5でしか対応できません、失礼しました。

2013/12/02 12:43:24

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません