Чистый 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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Первичным ключом в таблице является целое число с опцией auto_incrementЯ удалил запись в таблице с id(первичным ключом) 4
Добрый день, подскажите пожалуйста какие существуют подходы если нужно протестировать части веб-приложения которые работают с базой данных...
Требуется создать свой порядок сортировки вида: 1,2,3,null,null,null,nullПробовал создать дополнительное поле, и пронумеровать нужное