Тензор потока с длинными струнами (Тексты)

Вы можете попробовать код в следующем фрагменте, он покрывает ваши потребности, используя простой javascript. ( запустите фрагмент кода и нажмите ссылку полной страницы, чтобы вызвать предупреждение о том, что размер div изменяется, если вы хотите его протестировать. ).

Исходя из того факта, что это setInterval в 100 миллисекунд, я бы осмелился сказать, что мой компьютер не обнаружил, что он слишком сильно голоден. (0,1% ЦП было использовано как общее для всех открытых вкладок в Chrome в тесте времени.). Но опять же, это только для одного div, если вы хотите сделать это для большого количества элементов, тогда да, это может быть очень жарко.

Вы всегда можете использовать событие click для остановки div -resize sniffing в любом случае.

var width = 0; 
var interval = setInterval(function(){
if(width <= 0){
width = document.getElementById("test_div").clientWidth;
} 
if(document.getElementById("test_div").clientWidth!==width) {   
  alert('resized div');
  width = document.getElementById("test_div").clientWidth;
}    

}, 100);

Вы можете проверить

var width = 0; 
var interval = setInterval(function(){
if(width <= 0){
width = document.getElementById("test_div").clientWidth;
} 
if(document.getElementById("test_div").clientWidth!==width) {   
  alert('resized div');
  width = document.getElementById("test_div").clientWidth;
}    

}, 100);

Обновлено

Fiddle

0
задан ddsadsa dadsadssda 18 March 2019 в 14:47
поделиться