Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Html/CSS/JavaScript › O HTML configura o elemento div para arrastar arbitrariamente
Vista: 7184|Resposta: 2

[HTML/HTML5] O HTML configura o elemento div para arrastar arbitrariamente

[Copiar link]
Publicado em 26/04/2022 10:32:01 | | | |
Requisitos: Páginas web HTML possuem uma barra de ferramentas que permite aos usuários arrastar para a posição desejada conforme seus hábitos.

Primeiramente, as renderizações são as seguintes:



Elementos HTML podem ser arrastados arbitrariamente ao definir a propriedade arrastável como true, mas o elemento retornará à sua posição original quando o mouse for solto.

Você pode fazer isso adicionando um evento de arrastar para mover o elemento para a posição após soltar o mouse.

Anexado está o código-fonte:

Acione um evento em um alvo de arrasto (elemento fonte):

ondragstart - Ativado quando o usuário começa a arrastar um elemento
ondrag - é ativado quando o elemento está sendo arrastado
ondragend - é acionado quando o usuário termina de arrastar o elemento

Eventos que são acionados quando o alvo é liberado:

ondragenter - Aciona esse evento quando um objeto arrastado pelo mouse entra no escopo de seu contêiner
ondragover - Esse evento é acionado quando um objeto arrastado é arrastado dentro do escopo de outro contêiner de objeto
ondragleave - Este evento é acionado quando um objeto arrastado pelo mouse sai do alcance do seu contêiner
ondrop - Este evento é acionado quando as teclas do mouse são soltadas durante um arrastar

Referência:

Use APIs HTML5 de arrastar e soltar
https://www.itsvse.com/thread-10299-1-1.html




Anterior:Use APIs HTML5 de arrastar e soltar
Próximo:O componente angular retorna espaços nbsp

Posts Relacionados
Publicado em 26/04/2022 21:24:22 |
Venha aprender de novo
Publicado em 27/04/2022 14:13:06 |
Aprenda, aprenda
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com