<div id="asd" title="222">drag me</div>
<script>
var el = document.getElementById("asd");
el.draggable=true;
el.addEventListener("dragstart", function(ev){
ev.stopPropagation();
var dt = ev.dataTransfer;
dt.effectAllowed = "copyMove";
console.log(this.getAttribute("title") + " attr");
dt.setData('Text', this.getAttribute("title"));
console.log(dt.getData('Text') + " dt");
},false);
</script>
FIDDLE:
http://jsfiddle.net/vwjCa/2/ (custom type here instead of text)
in firefox prints:
222 attr
222 dt
in chrome prints:
222 attr
dt
where is the problem here? thanks in advance