textarea onresize не работает

Question

согласно w3 школы <textarea> поддерживает onresize однако он не работает.

http://www.w3schools.com/jsref/event_onresize.asp

браузеры пробовал:

Chrome 25.0.1364.172

Safari 6.0.3 (7536.28.10)

Firefox 19,0

FIDDLE: http://jsfiddle.net/btevfik/5abR3/

обновление

, как я узнал, что мой урок не доверять w3schools 100%, я нашел это

https://developer.mozilla.org/en-US/docs/DOM/element.onresize

Answer 1

прокручиваемым не менять размеры в MOST (ALL) браузеры OnResize событие является НЕ РАБОТАЕМ объект окна в этом случае дело использовать JQuery UI плагин:

$("idoftextarea").resizable({ 
    resize: function() { 
     $("id").append("yourcode"); 
    } 
}); 

Код: http://jqueryui.com/resizable/

Answer 2

Большинство браузеров запускают onresize только на элемент кузова.

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

http://www.backalleycoder.com/2013/03/18/cross-browser-event-based-element-resize-detection/

Это чистый JavaScript.

Answer 3

Просто обновление ответа ravula (в моей репутация слишком низкая для комментариев):

JQuery добавляет кучу дивы к перезначительному элементу. В моем случае это уничтожило весь макет. Вы можете избавиться от дополнительной маржи/дополнения с помощью:

.ui-wrapper { 
 
\t padding:0px !important; 
 
\t margin:0px !important; 
 
\t 
 
}

Это, конечно, не очень чистое и моих проблем вызывают, но он работал в моем случае. Я буду обновлять этот пост, если у меня возникнут проблемы.

Answer 4

Немного обходной путь:

$('textarea').bind('mouseup', function() { 
    console.log('resized'); 
});