Мне надо добиться того, чтоб при увеличении/уменьшении масштаба автоматически выполнялся определённый javascript. Как этого добиться?
p.s. хорошо бы ещё иметь возможность узнать на сколько увеличили/уменьшили масштаб
Мне надо добиться того, чтоб при увеличении/уменьшении масштаба автоматически выполнялся определённый javascript. Как этого добиться?
p.s. хорошо бы ещё иметь возможность узнать на сколько увеличили/уменьшили масштаб
Если вам надо работать с масштабом страницы, а не контурной карты, то попробуйте таким макаром.
var clientW = $(window).width();
var clientH = $(window).height();
$('#start span').text(clientW + ' x ' + clientH);
$(window).resize(function() {
var curW = $(this).width();
var curH = $(this).height();
$('#current span').text(curW + ' x ' + curH).effect('pulsate', {
times: 1
});
});
p {
font-size: 1.2em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<p>Изменяйте масштаб (Ctrl + +, Ctrl + -, Ctrl + 0)</p>
<div id="start">Размер при загрузке: <span></span>
</div>
<div id="current">Размер изменен: <span></span>
</div>
window.onresize = function(){
//Код прекрасно работает во всех браузерах
//При изменениии масштаба/размера окна браузера
var $WW_width = document.documentElement.clientWidth; //Ширина экрана
var $WW_height = document.documentElement.clientHeight; //Высота экрана
}