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