El atributo dropzone en HTML se usa para especificar si los datos arrastrados se copiaron, movieron o vincularon cuando se soltaron en cualquier elemento. Este atributo es nuevo en HTML5.
Sintaxis:
<element dropzone = "move | link | copy">
Valor de atributo:
- mover: este atributo se utiliza para arrastrar los datos y soltarlos en una nueva ubicación.
- copiar: este atributo se utiliza para copiar los datos de arrastre en una nueva ubicación.
- enlace: este atributo se utiliza para soltar los datos que darán como resultado los datos originales.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>ruby tag</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2> dropzone attribute</h2>
<div dropzone="copy">GFG</div>
<div dropzone="move">GFG</div>
<div dropzone="link">GFG</div>
</body>
</html>
Producción:
Nota: El atributo dropzone no es compatible con los navegadores populares.