API Drag Drop II. preventDefault() dragenter, dragover 40

Terminamos de construir el ejemplo del vídeo anterior donde arrastramos un objeto desde una posición inicial a una posición final. Utilizamos para ello el método preventDefault() para resetear el comportamiento por defecto que pudieran tener los diferentes navegadores a la hora de arrastrar y soltar elementos. Utilizamos diferentes eventos de la API Drag & Drop como dragenter, dragover o drop.

Video 40
Índice

Curso de HTML5 con CSS3 y JavaScript	Duración
1 Introducción al Curso	10:24
2 Conceptos básicos	29:09
3 Nuevos elementos Title, Header y Nav	25:14
4 Estructura del cuerpo Article, Header y Hgroup	28:06
5 Figure figcaption y Nuevos elementos	26:00
6 CSS Primera Parte	28:54
7 CSS II Modelo caja contenedor Float, Margin y Padding	24:36
8 CSS3 I Nuevas reglas Selectores, Esquinas Redondeadas, Sombra	31:22
9 CSS3 II Degradados y transiciones	29:25
10 Ejercicio guiado I	28:19
11 Ejercicio guiado II	21:57
12 JavaScript Introducción	24:16
13 JavaScript Identificación de elementos, getElementsByClassName	24:09
14 JavaScript Identificación de elementos II. QuerySelector y QuerySelectorAll	21:27
15 Eventos en HTML5 con JavaScript I addEventListener	26:51
16 Eventos en HTML5 con JavaScript II addEventListener	21:42
17 Inserción de Vídeos I Etiqueta Video	24:05
18 Inserción de Vídeos II	31:52
19 Inserción Vídeos III. Barra de Progreso	29:00
20 Inserción de Audio	15:19
21 Formularios I Atributo Type	29:43
22 Formularios II Validación y nuevos atributos	32:43
23 Formularios III Datalist, setCustomValidity y API forms	27:31
24 Formularios IV Evento invalid y API forms	33:10
25 Formularios V Estados de validación API forms	13:00
26 API Canvas I Dibujando con HTML5	31:27
27 API Canvas II Degradados Lineales, createLinearGradient	26:14
28 API Canvas III Degradados Lineales y Radiales, createRadialGradient	16:03
29 API Canvas IV Trazados	29:29
30 API Canvas V Trazados curvos: arc, quadraticCurveTo y bezierCurveTo	31:36
31 API Canvas VI Tipos de líneas	28:22
32 API Canvas VII Texto en Canvas	19:46
33 API Canvas VIII Transformaciones, translate, rotate y scale	20:43
34 API Canvas IX Transformaciones II Transform, SetTransform, Save y Restore	24:48
35 API Canvas X Superposiciones e imágenes	22:52
36 API Canvas XI Imágenes como datos, getImageData y putImageData	27:01
37 API Canvas XII Animaciones en Canvas I	23:39
38 API Canvas XIII Animaciones en Canvas II	22:29
39 API Drag Drop I Dragstart, Drag y Dragend	24:49
40 API Drag Drop II preventDefault() dragenter, dragover	24:36
41 API Drag Drop III Perfeccionando ejemplo	23:20
42 API Drag Drop IV Galería de imágenes	30:21
43 API Drag Drop V Galería de imágenes II	14:14
44 API Drag Drop VI Arrastrando archivos, dataTransfer	24:42
45 API Geolocation Averiguando mi ubicación	25:56
46 API Geolocation II Tratamiento de errores	20:59
47 API Geolocation III Llevando posición al mapa	9:33
48 API Web Storage Almacenando información	24:18
49 API Web Storage II Almacenando Y leyendo información	28:56
50 API Web Storage III Almacenando información casi permanente Local Storage	8:24
51 API IndexedDB I Creando BD	24:22
52 API IndexedDB II Almacenando información	21:23
53 API IndexedDB III Leyendo información	17:08
54 API File I Accediendo archivos en local	24:00
55 API File II Propiedades de archivos	20:29
56 API File III Creando archivos	29:10
57 API File IV Leyendo archivos	33:44
58 API File V Moviéndonos por directorios	17:11
59 API File VI Moviendo archivos, moveTo	18:18
60 API File VII Eliminando archivos, remove() y removeRecursively()	13:58
61 API File VIII Escribiendo archivos	26:04
62 API File IX Escribiendo archivos II	14:52
63 API Communication I	22:15
64 API Communication II	24:19
65 API Communication III Enviando datos, FormData	25:13
66 API Communication IV Enviando archivos	24:24
67 API Communication V Comunicación entre aplicaciones	33:24
68 API Communication VI Comunicación entre aplicaciones II	19:57
69 API Web Worker I	24:50
70 API Web Worker II Trabajadores compartidos	33:55
71 API History I Urls falsas	20:07
72 API History II Urls falsas, State, Popstate	17:04
73 API Offline Último Video	24:35

Autor: Juan Díaz Categoría: Diseño Web Curso: Curso de HTML5 con CSS3 y JavaScript

<< Anterior Siguiente >>