javascript - ejemplos - draggable js

jquery html 5 dragstart.on(''dragstart'', function(e){}) e.dataTransfer.setData() no funciona

Question

chrome throw err: no se puede llamar al método ''setData'' de undefined, encuentro que e no es igual a window.event (no tiene propiedad Data Transfer); ambos tienen una diferencia muy grande

Encuentro ambos casi iguales en el evento click.

Utilicé http://code.jquery.com/jquery-latest.js .

No uso la función de arrastrar, solo quiero saber por qué. Es una nueva característica en html 5, jquery todavía detrás de él? ¿O el equipo de jquery no quiere apoyarlo? o alguna otra razón

Answer 1

jQuery crea su propio objeto de evento y aún no tiene una propiedad dataTransfer. Esto agrega dataTransfer al objeto de evento.

$ .event.props.push (''dataTransfer'');

Answer 2

En la función de devolución de llamada obtendrá un contenedor jQuery sobre un evento nativo. Use la propiedad originalEvent del argumento pasado:

$(''...'').on(''dragstart'', function (event) {
    event.originalEvent.dataTransfer.setData(''...'', ''...'');
});

PS no olvide establecer el atributo draggable="true" para el elemento que se va a arrastrar.