"но если ли не делать ресайза - то оно тоже отрабатывает . а этого не надо."

@Sam, и что? Твой ответ эту проблему не решает.

@Qwertiy Дополнил ответ.

А какие преимущества по сравнению с одним обработчиком mouseup, в котором так же будет проверяться размер элемента?

Кстати, не работает, если я увожу мышь за пределы окна: i.stack.imgur.com/JM8Ol.gif

@Qwertiy Если использовать только один обработчик mouseup, то как ты узнаешь, что был ресайз?

Кстати, не работает, если я увожу мышь за пределы окна => Конечно, ведь это только пример.

@Sam так же как ты - при возникновении mouseup сравнить размер с предыдущим

если не совпал, то обновить старый

А где взять предыдущий?

@Sam с прошлого mouseup, а изначально после появления элемента замерить

Это решение не будет короче, чем у меня. Кроме того, придётся хранить размеры в глобальных переменных.

И если, к примеру, мы отслеживаем 10 элеметнов, нам потребуется 20 переменных.

у меня размеры хранятся, так что вариант подойдёт, но он напоминает велосипед, к сожалению... Неужели нет реального события?

Есть ещё такой вариант, то он тоже не самый простой: developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Нет, похоже в этом случае он не поможет.

вариант интересный, но всё равно необходима проверка. так что будет несколько сложнее :)

ОК, удачи!

@Sam зачем в глобальных?

@Qwertiy Либо в глобальных, либо в замыкании. Как ещё можно?

@Sam есть ещё вариант, определить в какой области находится мышка , если в нескольких пикселах от правого-нижнего угла - то ресайз. Вот только эти несколько пикселов - это сколько? и как их вычислить . и там вроде как область для захвата в виде треугольника...

@Вадим Да, отследить не размер дива, а перемещение мышки - тоже годный вариант.

Но не думаю, что надо задавать ограничения в пикселах - мало ли, насколько большим может быть ресайз.

@Sam обнаружен ещё вариант, необходимо проверить. если в div, который резайзится поместить ещё один див, (у меня там 3 дива, без id, и занимают всю площадь внешнего дива с помощью FlexBox) то mouseup на этих внутренних дивах возвращает ev.target.id пустоту , а моусап в правом нижнем углу - id внешнего дива.. т.е. "треугольник ресайза" имеет огромный z-index

но только без проверки изменения размера не обойтись...

@Sam да, в замыкании при добавлении обработчика

а ещё можно dom-элементу пару лишних свойств присобачить