Событие onresizeend

Событие onresizeend происходит, когда пользователь заканчивает изменять размеры объекта в редактируемой области.

Применимо к:

a, abbr, acronym, address, applet, area, b, bdo, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, dir, div, dl, dt, em, embed, fieldset, font, form,
frame, frameset, h1-h6, hr, i, iframe, img, input, ins, isindex, kbd, label, legend, li, listing, marquee, menu, nobr, noframes, object, ol, p, plaintext, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var, xmp

Поддержка браузерами

Действия, вызывающие данное событие

  • Окончание изменения размеров элемента в редактируемой области.

Пример

<p>Выделите квадрат мышкой и измените его размеры.</p>
<div contenteditable="true" style="border:1px solid #000000; height:300px;">
        <div style="width:100px;height:100px; background-color:olive; position:absolute;" onresizestart="alert('Вы начали менять размеры объекта')" onresizeend="alert('Вы закончили менять размеры объекта')">
        </div>
</div>

Заметки

Если нужно, чтобы действие происходило в начале изменения размеров объекта в редактируемой области, используется событие onresizestart.

В спецификации HTML 4.01 событие onresizeend отсутствует!

По теме

Показать комментарии