タグ

ブックマーク / the-zombis.sakura.ne.jp (2)

  • html5でドラッグ&ドロップの処理 - Web.fla

    イベントの種類とデフォルトの動作をキャンセル ドラッグ&ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォルトの動作があるので、そいつをキャンセルする必要がある。ただしドラッグを開始する「dragstart」は特にキャンセルする必要はない。 とくにhtml5(javascript)でドラッグ&ドロップを実現する場合は、「dragover」のイベントをキャンセルするのは必須のようです。 ドラッグ&ドロップを行うには下記のようなイベントが主にあります。 //ドラッグする要素をドラッグするとき target.addEventListener("dragstart",function(event){ },true); //ドロップ領域にドロップされたとき target.addEventListener("drop",function(event){ event.preve

    html5でドラッグ&ドロップの処理 - Web.fla
  • html5でドラッグ&ドロップでローカルからテキストファイルをアップロード - Web.fla

    先日、ファイルの読み込みをやりましたが、今度はローカルからファイルを読み込む方法をメモ。 前回と同じ、ドラッグ&ドロップのデフォルト動作のキャンセルやdragoverのイベントの動作のキャンセルに関しての説明は省く。 // JavaScript Document window.addEventListener("load",function(){ // var drop=document.getElementById("dropArea"); drop.addEventListener("drop",function(event){ //デフォルト動作をキャンセル event.preventDefault(); //①filesでドロップしたファイル数を取得 var filelist=event.dataTransfer.files; // for(var i=0; i"; } // }

    html5でドラッグ&ドロップでローカルからテキストファイルをアップロード - Web.fla
  • 1