Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Html/CSS/JavaScript › HTML configura el elemento div para que se arrastre arbitrariamente
Vista: 7184|Respuesta: 2

[HTML/HTML5] HTML configura el elemento div para que se arrastre arbitrariamente

[Copiar enlace]
Publicado en 26/4/2022 10:32:01 | | | |
Requisitos: Las páginas web HTML cuentan con una barra de herramientas que permite a los usuarios arrastrar hasta la posición deseada según sus hábitos.

En primer lugar, las representaciones son las siguientes:



Los elementos HTML pueden arrastrarse arbitrariamente configurando la propiedad arrastrable en true, pero el elemento volverá a su posición original cuando se suelte el ratón.

Puedes hacerlo añadiendo un evento de arrastre para mover el elemento a la posición después de soltar el ratón.

Adjunto el código fuente:

Activar un evento en un objetivo de arrastre (elemento fuente):

ondragstart - se activa cuando el usuario empieza a arrastrar un elemento
ondrag - se activa cuando se arrastra el elemento
ondragend - se activa cuando el usuario termina de arrastrar el elemento

Eventos que se activan cuando se libera el objetivo:

ondragenter - Activa este evento cuando un objeto arrastrado por el ratón entra en el ámbito de su contenedor
ondragover - Este evento se activa cuando un objeto arrastrado se arrastra dentro del alcance de otro contenedor de objetos
ondragleave - Este evento se activa cuando un objeto arrastrado por el ratón sale del alcance de su contenedor
ondrop - Este evento se activa cuando se sueltan las teclas del ratón durante un arrastre

Referencia:

Utiliza APIs de arrastre y solta en HTML5
https://www.itsvse.com/thread-10299-1-1.html




Anterior:Utiliza APIs de arrastre y solta en HTML5
Próximo:El componente angular devuelve espacios nbsp

Publicaciones relacionadas
Publicado en 26/4/2022 21:24:22 |
Ven y aprende otra vez
Publicado en 27/4/2022 14:13:06 |
Aprende, aprende
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com