Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:2eval:tema07 [2021/01/06 12:15]
admin [API]
+++ clase:daw:diw:2eval:tema07 [2021/01/06 12:34]
admin
@@ Línea 1: / Línea 1: @@
 ====== 7. Drag & Drop ======
+El drag & drop es una forma de simplificar los interfaces de usuario.
   * Drag & Drop
@@ Línea 5: / Línea 6: @@
     * [[http://interactjs.io/|interact.js: Bajo nivel]]
-    * [[http://www.w3schools.com/html/html5_draganddrop.asp|API de HTML 5]]
+En el drag & drop siempre hay 2 elementos HTML que son:
+  * El elemento que se arrastra
+  * El elemento donde se suelta
+Respecto a los eventos , hay 3 eventos en un drag & drop:
+  * ''ondragstart'': Cuando se empieza a arrastrar
+  * ''ondragover'': Cuando se está sobre el elemento donde se quiere soltar (pero sin soltarlo)
+  * ''ondrop'': Cuando se suelta.
+Por último está:
+  * La propiedad ''draggable'' que indica si un elemento se puede arrastrar
+  * El objeto de JavaScript ''dataTransfer'' que es donde se almacena lo que que se está arrastrando.
+Mas información:
+    * [[http://www.w3schools.com/html/html5_draganddrop.asp|HTML Drag and Drop API]]

logongas