HTML5之拖放

<li id=be draggable=true ondragstart="startDrag(event)">Brussels</li>

var dragStart = function(evt) {
    evt.dataTransfer.setData(‘text‘,evt.target.id);
  };

<div ondragenter="return false;" ondragover="return  false;" 
  ondrop="drop(event )">&#x2397;</div>

 var drop = function(evt) {
     var file = evt.dataTransfer.files[0];
  };

  var dataURLReader = new FileReader();
  dataURLReader.onloadend =  function() {
     imgElem.src = dataURLReader.result;
     imgInfo.innerHTML = file.name+‘ (‘+_inKb(file.size)+‘)‘;
  }
  
  dataURLReader.read AsDataURL(file);
  var binaryReader =  new  FileReader();

  binaryReader.onload = function() {
    var exif = findEXIFinJPEG(binaryReader.result);
  
    for(var key in exif){
       exifInfo.innerHTML += _asRow(key,exif[key]);
    }
  };

 binaryReader.readAsBinaryString(file);

  <p contenteditable=true>
     Text to be edited ...
  </p>

  <p contenteditable=true spellcheck=true>
     Text to be edited ...
  </p>