Создание Javascript изменяемого размера обработчиков на границах элементов HTML

Question

Уважаемые эксперты, в настоящее время я работаю над кодом, который позволяет пользователям перетаскивать и изменять размеры HTML-элементов на страницах.Я мог бы справиться с драггаблом без проблем.Но проблема заключается в изменении размера.Я не знаю, как прикрепить прослушиватели событий к «границам» этих элементов, чтобы вызвать изменение размера, в частности, только «правую и нижнюю» границы.

Мне известен подобный подход в пользовательском интерфейсе Jquery, но я не хочу использовать пользовательский интерфейс Jquery.

Я бы хотел сделать это сам с помощью vanilla Javascript и Jquery API.

Я провел целый день в поисках подходящего учебника в Google, но не смог.Если бы вы могли указать мне правильное направление, я был бы очень признателен.

Денис

Answer 1

jquery ui добавляет 8 элементов поверх вашего перетаскиваемого элемента. юг, юго-запад, запад ... и так далее. Это то, что вы имели в виду?

Answer 2

Как пользователи могут изменять их размер без перетаскивания?если они просто вводят число, вы пробовали следующее

$(element).width(widthInput);
$(element).height(heightInput);