Today: Yesterday: Total: Online:
カテゴリー
その他
  • RSS1.0
  • RSS2.0
  • atom0.3
  • valid XHTML1.0
  • valid CSS2
  • Credit
RSSリーダーで購読する | この日記のはてなブックマーク数 | プロフィール
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)

カテゴリー » HTML・タグ » HTML5 January 21, 2011

html5 Drag and Drop (ドラッグ & ドロップ) ID:1295568762


function init() {
window.addEventListener("dragenter", dragenter, true);
dropbox = document.getElementById("dropbox");
window.addEventListener("dragleave", dragleave, true);
dropbox.addEventListener("dragover", dragover, true);
dropbox.addEventListener("drop", drop, true);
}

ドロップイベントのインターフェイス "dataTransfer" を使ってファイルハンドラを取得
function drop(e) {
var dt = e.dataTransfer;
var files = dt.files;
e.preventDefault();
if (files.length == 0) {
handleData(dt);
return;
}
for (var i = 0; i < files.length; i++) {
var file = files[i];
handleFile(file);
}
}

ファイル APIを使ったファイルの取得方法も掲載されている

File Readerインターフェイスでファイルの読み込める
}

http://netforestdevnote.blog26.fc2.com/blog-entry-36.html
— posted by midilin @ 09:12AM
[コメントが多かった順の記事]
人の心理の裏をかくホームページ集客術:リピータになってもらうためには(233)
ホームページ心理学第2弾「メールの書きだしとホームページ運営・集客の関係」(76)
娘が生まれた(69)
ゲームと言えば、何を思い出す? (50)
Microsoftからアクセス (30)
「目標の立て方」と「努力」と「実行力」(26)