質問: Gmailのように、エクスプローラからファイルをドラッグしてブラウザの上まで移動した時にJS関数を発動させる方法はありますか? Gmailにドラッグ・アンド・ドロップでファイルを添付する機能がありますが、エクスプローラからファイルをドラッグして、カーソルがgmailの画面上に乗ったとき、ドラッグすべき場所が灰色の点線で囲われて「ここにファイルをドロップ」というメッセージが表示されます。 おそらく何らかのJS関数で実現されている機能だと思うのですが、これと同様の機能を実現する方法を教えていただきたいです。
回答: ネイティブなコードで書くならこちらが参考になります。 > dragenter、dragover、dragleave イベント ハンドラを使用すると、ドラッグ プロセス中に視覚による追加的な合図を提供することができます。たとえば、ドラッグ中にカーソルが列に移動されるとボーダーを点線にするということが可能になります。これによって、列もドロップ ターゲットであることをユーザーに示すことができます。 > > ネイティブ HTML5 ドラッグ&ドロップ - HTML5 Rocks jQueryならこちら。 > Draggable要素をドロップできるようにします。 ドロップを受け入れるDraggable要素を指定することができます。 > > Droppable - jQuery UI API 1.8.4 日本語リファレンス - StackTrace