Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Изглед: 7184|Отговор: 2

[HTML/HTML5] HTML задава div елемента да се плъзга произволно

[Копирай линк]
Публикувано в 26.04.2022 г. 10:32:01 ч. | | | |
Изисквания: HTML уеб страниците имат лента с инструменти, която позволява на потребителите да плъзгат до желаната позиция според навиците си.

Първо, визуализациите са следните:



HTML елементите могат да се плъзгат произволно, като се зададе свойството за влачене на true, но елементът ще се върне в първоначалната си позиция, когато мишката бъде пусната.

Можете да направите това, като добавите събитие за плъзгане, за да преместите елемента на позицията след освобождаване на мишката.

Приложен е изходният код:

Задействане на събитие върху целта за изтегляне (изходен елемент):

ondragstart - Задейства се, когато потребителят започне да плъзга елемент
ondrag - задейства се, когато елементът се влачи
ondragend - задейства се, когато потребителят приключи с плъзгането на елемента

Събития, които се задействат при освобождаването на целта:

ondragenter - Задейства това събитие, когато обект, издърпан от мишката, влезе в обхвата на контейнера си
ondragover - Това събитие се задейства, когато плъзгащ обект бъде плъзен в рамките на обхвата на друг обектен контейнер
ondragleave - Това събитие се задейства, когато обект, издърпан от мишката, напусне обхвата на своя контейнер
ondrop - Това събитие се задейства, когато клавишите на мишката се освободят по време на влачене

Препратка:

Използвайте HTML5 API-та за плъзгане и пускане
https://www.itsvse.com/thread-10299-1-1.html




Предишен:Използвайте HTML5 API-та за плъзгане и пускане
Следващ:Ъгловата компонента връща nbsp пространства
Публикувано в 26.04.2022 г. 21:24:22 ч. |
Ела и учи отново
Публикувано в 27.04.2022 г. 14:13:06 ч. |
Учи, учи
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.

Mail To:help@itsvse.com