Чистый JavaScript. Для <div> устанавливаю в CSS resize: both; Всё работает. Но!
Надо отловить событие на окончание этого ресайза. Как?
Пока обхожусь событием mouseup, но если ли не делать ресайза, то оно тоже отрабатывает, а этого не надо.
Алгоритм такой:
mousedown на div, замеряем текущие размеры;mouseup и, если размеры изменились, то это событие и есть искомое.Как вариант:
function watch(element) {
var w = element.clientWidth;
var h = element.clientHeight;
element.innerHTML = '';
element.addEventListener('mouseup', check);
function check() {
if (w === element.clientWidth && h === element.clientHeight) return;
element.removeEventListener('mouseup', check);
element.innerHTML = 'resized';
// add your code here
}
}
div {
background: yellow;
height: 100px;
overflow: auto;
resize: both;
width: 100px;
}
<div onmousedown="watch(this)"></div>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей